Hallo allemaal, ik loop al tijden tegen een probleem op als ik met tabellen werk en dat is: Als in een kolom de tekst meer regels beslaat gaat de andere tekstkolom in het midden uitgelijnd worden (verticaal gezien).

Ik wil dat de tekst in de andere kolom echter gewoon bovenaan blijft staan. Kom er alleen niet uit hoe:S

Tabel:
tekst 2 die
tekst1 meerdere regels
beslaat

moet worden:
tekst1 tekst 2 die
meerdere regels
beslaat


Iemand een idee hoe?

Kun je es zo'n code hier posten van wat je bedoelt ? Want ik versta geen jota van je post.

Om tekst bovenaan te houden gebruik je de attribuut valign="top" in je td tag.

jah, mijn post was best vaag. Wist alleen niet hoe ik dat duidelijk ging op schrijven. Je hebt echter wel het antwoord gegeven. Dat ik daar niet opkom:S.

In ieder geval bedankt.

valign="top" is wel erg oud. Gebruik hier CSS voor, meer mogelijkheden, makkerlijker en simpel te veranderen

maar dan zet je toch gewoon in je css: valign: top; of niet?? zou niet weten hoe je het in css gaat doen.

in css is het : vertical-align : top;

http://www.google.com/search?hl=nl&q=css+vertical+align

Als je een tabel gebruikt bedoelt voor data dan is het opzich geen probleem dat je valign="top" gaat gebruiken. :)

en wat als je die tabel op meerdere pagina's heb en na een tijdje de content toch weer in het midden of onderaan? dan lijkt me de CSS styelsheet aanpassen toch minder werk dan al je pagina's

jah dat is de bedoeling van een css file he :p

Origineel gepost door Derk D

en wat als je die tabel op meerdere pagina's heb en na een tijdje de content toch weer in het midden of onderaan? dan lijkt me de CSS styelsheet aanpassen toch minder werk dan al je pagina's

wat ik dan zou doen is 3 verschillende klassen toekennen.

Code:

in je css doe je dit :
 
td.top {
vertical-align: top;
}
 
td.middle {
vertical-align: middle;
}
 
td.bottom {
vertical-align: bottom;
}
 
 
in je html doe je dit :
 
<td class="top">hier staat de tekst bovenaan</td>
<td class="middle">hier staat de tekst in het midden</td>
<td class="bottom">hier staat de tekst onderaan</td>

Voila, en zo kan je met 3 verschillende stijlen werken, binnen 1 cel van je tabel.

Origineel gepost door Joeri P

wat ik dan zou doen is 3 verschillende klassen toekennen.

Voila, en zo kan je met 3 verschillende stijlen werken, binnen 1 cel van je tabel.

Code:

in je css doe je dit :
 
td{
vertical-align: top;
}
 
td.middle {
vertical-align: middle;
}
 
td.bottom {
vertical-align: bottom;
}
 
 
in je html doe je dit :
 
<td>hier staat de tekst bovenaan</td>
<td class="middle">hier staat de tekst in het midden</td>
<td class="bottom">hier staat de tekst onderaan</td>

das toch veel beter?

Origineel gepost door Cédric Siroux

das toch veel beter?

Wat is beter ? Discussieren over hoe je iets bereikt, heeft geen zin. Zolang het resultaar maar hetzelfde is.

Ik heb een ander probleem met mijn tabellen.
In IE,FF en Netscape zien ze er mooi uit, maar in Opera gaat het niet goed.
Het lijkt wel of die het commando v-align niet snapt/ziet/wil zien.

Dit is de pagina waar het om draait:
http://www.kuikens.com/partylog.html

Zo ziet Opera het:
http://i12.tinypic.com/2qmgmpz.jpg

Hopelijk ziet iemand wat ik fout doe, zelf gebruik ik geen eens Opera, maar elk jaar stijgt het aantal gebruikers flink tot momenteel 4% van mijn bezoekers.

Dit is de code die ik heb gebruikt voor de tabel:

Code:

<table style="width:832px; height:350px">
<tr style="vertical-align:top">
<td style="width:277px">
<h4>PARTY REPORTS 2007</h4><br>
<br>
Blablabla
<br>
</td>
<td style="width:277px">
<h4>PARTY REPORTS 2006</h4><br>
<br>
Blablabla
<br>
</td>
<td style="width:277px">
<h4>PARTY REPORTS 2005</h4><br>
<br>
Blablabla
<br>
</td>
</tr>
</table>

de goede manier die werkt:

Code:

<divstyle="width:277px;float:left;">
<h4>PARTY REPORTS 2007</h4><br>
<br>
Blablabla
<br>
</div>
<div style="width:277px;float:left;">
<h4>PARTY REPORTS 2006</h4><br>
<br>
Blablabla
<br>
</div>
<div style="width:277px;float:left;">
<h4>PARTY REPORTS 2005</h4><br>
<br>
Blablabla
<br>
</div>
<div style="clear:both;font-size:0px;"></div>

als hij de laatste onder de 2 anderen zet moet je de breedtes is aanpassen :)