van TABLE naar DIV
<STYLE>
TABLE { border-collapse: collapse; }
TD { vertical-align:top; }
</STYLE>
<TABLE>
<TR>
<TD BGCOLOR="#DDDDDD">hoi</TD>
<TD BGCOLOR="#EEEEEE">hallo</TD>
</TR>
<TR>
<TD BGCOLOR="#EEEEEE">bla</TD>
<TD BGCOLOR="#DDDDDD">boe<BR>boe</TD>
</TR>
<TR>
<TD BGCOLOR="#DDDDDD">jaja<BR>jaja</TD>
<TD BGCOLOR="#EEEEEE">neenee</TD>
</TR>
</TABLE>
Ik heb het met DIVs geprobeerd met eigenschappen zoals position en float maar ik krijg problemen met de hoogte. Ik wil dat 2 DIVs die naast elkaar staan even hoog zijn afhankelijk van de tekst die erin staat. Bij de ene oplossing krijg ik een div die door een div heen gaat eronder en bij een andere oplossing wordt de achtergrondkleur niet doorgetrokken tot de hoogte van de div ernaast.
Om het simpel te houden, is dit goed mogelijk zonder tables?
'Je vragen over 'algemeen' webdesign kun je hier kwijt. Van HTML en css tot Photoshop en javascript. Hier dus alles wat ook nodig is om een website te maken maar niet met PHP of MySQL te maken heeft.'
:P
Deze zet je dan in de <div>jes (<div class="divheight">) en dan zijn ze even hoog lijkt mij?!
Heel makkelijk met <TABLE> maar ik wil <DIV> :P
<div> samen met stylesheets is wat dynamischer, generieker, overzichtelijker enzo... denk ik :)
Ik heb me er sinds me vraag niet meer mee bezig gehouden maar als ik er uit ben laat ik ook wel even een berichtje achter...
<style>
/* define first bg color trackers */
.tracker_bg1 {
background-color: #A0ABC8;
text-align: center;
width: 42px;
float: left;
}
/* define second bg color trackers */
.tracker_bg2 {
background-color: #939DB8;
width: 206px;
padding: 0;
margin: 0;
}
</style>
<div class="tracker_bg1">20:20</div><div class="tracker_bg2">hier komt een itel</div>
Wanneer je nog hoogte en breedte wilt meegeven gebruik je:
width: 300px;
height: 100px; /* bijvoorbeeld */
Als je wilt dat de tekst boven gelined wordt gebruik je:
vertical-align: top; /* of bottom of middle */
Om links of rechts te linen gebruik je:
text-align: left; /* of right, of center */