[Tables] Fout in geneste tables

[Verwijderd]

Ik ben bezig met geneste tables maar nu zit er ergens een foutje wat ik maar niet gevonden krijg, ik ben al twee dagen bezig om de fout te traceren maar ik kijk er waarschijnlijk over heen.

Hier een stukje code van de tables

<table border=3 cellpadding=0 cellspacing=0 align="center">
<tr><td>
<!-- Dit is het begin van table 1
-->
<table width="40%">
<tr>
<td valign="TOP" width="16%">
<table border="0" width="100%" cellspacing="0">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing="0" class="bordercolor" align="center" height="0">
<tr>
<td class="bordercolor" width="100%">
<table width="100%" cellspacing="0" cellpadding="2">
<tr>
<td class="titlebg" width="558"><font size="2" class="text2"><b>Links1</b></font></td>
</tr>
<tr>
<td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><b>table 1</b></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="TOP" width="1%">
</td>
</tr>
</table>
<!-- Dit is het einde van table 1
-->

</td><td>



<!-- hier staat de middelste tabel
-->
<table width="98%">
<tr>
<td valign="TOP" width="75%">
<table border="0" width="100%" cellspacing="0">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing="0" class="bordercolor" height="0" align="center">
<tr>
<td class="bordercolor" width="100%">
<table width="100%" cellspacing="0" cellpadding="2">
<tr>
<td class="titlebg" width="558"><font size="2" class="text2"><b>Links1</b></font></td>
</tr>
<tr>
<td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><b>table 2</b></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="TOP" width="1%">
</td>
</tr>
</table>
<!-- hier eindigd de middelste table
-->

</td><td>



<!-- Dit is het begin van table 3
-->
<table width="98%">
<tr>
<td valign="TOP" width="25%">
<table border="0" width="100%" cellspacing="0">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing="0" class="bordercolor" align="center" height="0">
<tr>
<td class="bordercolor" width="100%">
<table width="100%" cellspacing="0" cellpadding="2">
<tr>
<td class="titlebg" width="558"><font size="2" class="text2"><b>Links1</b></font></td>
</tr>
<tr>
<td class="windowbg2" width="259" onMouseOver="this.style.backgroundColor='afc6db'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='';"><b>table 3</b></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="TOP" width="1%">
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Dit is het einde van table 3
-->

Zoe iemand zo vriendelijk willen zijn om hier eens naar te kijken waar de fout nu eigenlijk zit.

[Verwijderd]

in je eerste tabel mis je een </table>...
[edit]
Ik weet het toch niet helemaal zeker, iig staan er 13 <table> tags in en 12 </table>'s dus daar zal de fout wel zitten...

[Verwijderd]

Indeed, en verder zou je wat consequenter kunnen zijn:

code:

<table border=3 cellpadding=0 cellspacing=0 align="center">

Niet het ene wél met " ", en het andere niet...

[Tim]

verder zou ik ook eens aan indenting gaan doen, word het allemaal een stuk makkelijker lezen

[Verwijderd]

Ik zou eens serieus gaan kijken naar CSS en div's, positionering met behulp van tabellen is veel irritanter dan nodig is, verder kun je eens kijken naat HTML Tidy, dat controleert of geopende tags ook juist gesloten worden.