Reactie hoogte (CSS)

Maar waarom 7(!!!!!) divs gebruiken om 3 regels tekst neer te zetten?
Dat kan véél korter:

<?php
echo '<div class="reactie">';
echo ' <a name="'.$id.'" class="id">' . $id . '</a>';
echo ' <a href="/forum/files/gebruikers.php/'.$userid.'/">'.$naam.'</a>';
echo $posts.' posts';
echo ' <div class=\'rechtsreactie\'>';
echo ' <p class="datum">' . $datum . '</p>';
echo ' <p class="tekst">' . $tekst . '</p>';
echo ' </div>';
echo '</div>';
?>

Alle tekst staat standaard links, en met id="rechtsreactie" float je de datum en tekst gelijk uit.
Gebruik divs, spans, en p's waar ze voor zijn. Niet alles in divs zetten.

Enige css wat je nu kan toevoegen is: <h3><a><p>
En dan kan er ook een hoop weg.
Een div met id om tekst vet te maken heeft ook geen nut!
En om het ID weer te geven, koppel er gelijk een <a> aan (zonder link), dan kan je ook naar pagina.php#93 gaan, om direct bericht 93 te laten zien.


ID's gebruik je maar 1 keer!
Dus een id="datum" is heel fout, omdat je dat meerdere keren neerzet.
Gebruik dan een class.
Een id="iets" gebruik je maar 1x, zoals hierboven bij $id.

Om je a-tag hoeft geen div-tag te komen.
Gebruik dit soort CSS:

div.reactie *
 {
 display: table;
 }


div.reactie a.id
 {
 font-weight: bold;
 } 

div.reactie div.reactierechts
 {
 display: block;
 float: right;
 width: 200em;
 }

div.reactie p.datum
 {
 font-weight: bold;
 color: #333;
 }

Helaas wordt :first-child etc nog niet ondersteund, anders zou het nog veel makkelijker/korter kunnen.
Dan zou je namelijk de <p>-tags helemaal geen class/id meer hoeven te geven.

Eddy Erkelens schreef op 23.10.2008 13:29

ID's gebruik je maar 1 keer!

Hier had ik hem al op aangewezen, als je het had gelezen zag je ook dat hij het al had ge-edit.

Edit: Wtf? display: table word nog niet door alle browsers ondersteunt gozer..

display:table-ondersteuning? Ik dacht dat gewoon CSS 1.1 was en dus ondersteund wordt door alle (fatsoenlijke, moderne) browsers. Zelfs IE7 schijnt het te ondersteunen....

En ja: jij wees op id/classes verhaal, maar de TS heeft het nog niet gevat en gewijzigd (in de beginpost!). Dus wijs ik hem er nog een keer op.
In het begin-post is het nog steeds id's. Vandaar.

Eddy Erkelens schreef op 23.10.2008 14:34

display:table-ondersteuning? Ik dacht dat gewoon CSS 1.1 was en dus ondersteund wordt door alle (fatsoenlijke, moderne) browsers. Zelfs IE7 schijnt het te ondersteunen....

Je moet ook altijd nog rekening houden met IE 6.. :)

Helaas wel ja... Bannen die hap! (@ IE < 7) Of gewoon gelijk heel IE.... :/

iChris schreef op 23.10.2008 14:51

Helaas wel ja... Bannen die hap! (@ IE < 7) Of gewoon gelijk heel IE.... :/

Gewoon heel IE door de wc spoelen, gezamenlijk met de rest van al die slechte browsers. (Powah to the webdevelopers, lol.)