Att få innehållet högst upp i en tabell

"för att få alla tr" tr står väl för tablerow och det är väl tabellrad.

raderna är lodrätt och td tabledata(?) är horisontellt, rätta mig gärna om jag har fel.

så om du vill ha allt horisontellt så är det väl såhär nånting:

<table width="100%" height="500">
<tr><td></td><td></td><td></td><td></td><td></td></tr>
</table>

Jag är inte säker på detta men testa :)

Du kanske inte vill ha en tabell över huvud taget?

<div class="foo">
 <div>"rad"</div>
 <div>en till "rad"</div>
</div>

.foo { height:500px; }

Nej nej.

Om jag gör så här:

<table height="500" width="100%">
<tr><td>Rad 1</td></tr>
<tr><td>Rad 2</td></tr>
<tr><td>Rad 3</td></tr>
</table>

Så kommer ju dom tre raderna att spridas ut över hela höjden av tabellen. Men jag vill alltså att dom läggs högst upp i tabellen, efter varandra givetvis.
Samma effekt får jag om jag tar bort height="500" men då blir tabellen som sagt inte så stor som jag vill ha den.

i css:en:

.foo {
      vertical-align:top;
}

i html-koden:

<td class="foo">

eller så kan du ditcha css-klassen helt och bara sätta:

td {
      vertical-align:top;
}

i css:en, men då blir alla <td>-element påverkade.

edit: top så klart, inte middle!
Jag skriver med bakdelen.

(Troxy fick min hjärna på rätt fredagsspår igen, tack!)

Hm...är det inte top-placering som han söker?

table { height:500px; }
td { vertical-align:top; }

Hm...är det inte top-placering som han söker?

Självklart! Min hjärna misslyckades att överföra korrekt information till mina fingrar. Mitt inlägg ovan är nu korrigerat.

Tack! :)