HTML interesse |
|
Hoe zet ik de volgende tabel om naar div's?
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="400"><h2>Nieuws</h2></td>
<td width="1"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
<td width="234"><h2>ander zooi</h2></td>
</tr>
<tr>
<td colspan="3" class="horizontal"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
<tr>
<td class="nieuws"><h4>geweldig?</h4><p class="nieuws">whaha.... osoei bakke raatalw, adijief. chelsseasu wins onliy etwmail osip marginsdiew wle.</p><p class="date">20 februari 2006</p></td>
<td class="vertical"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
<td class="projecten"><h3>[,.,]</h3></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="400"><h2>Nieuws</h2></td> <td width="1"><img src="images/spacer.gif" alt="" width="1" height="1" /></td> <td width="234"><h2>ander zooi</h2></td> </tr> <tr> <td colspan="3" class="horizontal"><img src="images/spacer.gif" alt="" width="1" height="1" /></td> </tr> <tr> <td class="nieuws"><h4>geweldig?</h4><p class="nieuws">whaha.... osoei bakke raatalw, adijief. chelsseasu wins onliy etwmail osip marginsdiew wle.</p><p class="date">20 februari 2006</p></td> <td class="vertical"><img src="images/spacer.gif" alt="" width="1" height="1" /></td> <td class="projecten"><h3>[,.,]</h3></td> </tr> </table>
Een div maken voor font ofzo kan ik wel, maar hoe plaats ik 2 'blokken' naast elkaar. De linkerblok is 400px breed en rechterblok is 234px breed. Daartussen (tussen de blokken) moet nog 1px een verticale afbeelding/lijn komen, van boven naar beneden.
Daarnaast moet er boven de blokken ook een horizontale lijn komen?
Zoiets dus:
Nieuws | ander zooi
--------------------------
asdfadflk als | asdf
asdf | asdfw
asdf |
asdfew |
Nieuws | ander zooi -------------------------- asdfadflk als | asdf asdf | asdfw asdf | asdfew |
|