[Bijdrager Hasoweh]

geneste tabel xHTML

Goedemiddag,

ik ben aan het leren voor mijn xHTML toets. ik loop alleen vast op het nesten van tabellen. Is er iemand die mij daar iets meer duidelijkheid over kan geven?
Dit heb ik nu, een simpele tabel. stel ik wil de middelste (blauw, groen, blauw) nesten. hoe doe ik dat?

<table border=”0″ height=”120″ width=”420″ align=”center” cellspacing=”0″ cellpadding=”0″>
<tr>
<td bgcolor=”#ff0000″ colspan=”3″> </td>
<td bgcolor=”#fff000″ colspan=”3″> </td>
<td bgcolor=”#ff0000″ colspan=”3″> </td>
<td bgcolor=”#fff000″ colspan=”3″> </td>
</tr>
<tr>
<td bgcolor=”#00ff00″ colspan=”4″> </td>
<td bgcolor=”#0000ff” colspan=”4″> </td>
<td bgcolor=”#00ff00″ colspan=”4″> </td>
</tr>
<tr>
<td bgcolor=”#ff0000″ colspan=”3″> </td>
<td bgcolor=”#fff000″ colspan=”3″> </td>
<td bgcolor=”#ff0000″ colspan=”3″> </td>
<td bgcolor=”#fff000″ colspan=”3″> </td>
</tr>
</table>

[Bijdrager Pieterr]

Wil je ons jouw huiswerk laten maken?

[Bijdrager Swisi]

Wat bedoel je met het ‘nesten’?

[Bijdrager Hasoweh]

Pieterr op 07 november 2010

Wil je ons jouw huiswerk laten maken?

Nee nee absoluut niet. Ik vraag om uitleg. Of is vragen tegenwoordig ook verboden op dit forum?

@Swisi een tabel in een tabel.

[Bijdrager Swisi]

Oh. Kun je dat niet beter van div’jes gebruik maken?
Maar, dat zal wel niet de bedoeling zijn..

Uhm.. kijk even naar oude sites opgemaakt met tabellen.

[Bijdrager Pieterr]

Eple op 07 november 2010

Nee nee absoluut niet. Ik vraag om uitleg. Of is vragen tegenwoordig ook verboden op dit forum?

Rieleks. Het was maar een grapje.

[Bijdrager Pieterr]

Eple op 07 november 2010

een tabel in een tabel.

Je geeft het antwoord zelf al, zie ik.

[Bijdrager JaNiintendo]

Niet dubbelposten, Pieter. :sarcastic:

[Bijdrager Hasoweh]

@pieterr ik weet wel wat het is. alleen hoe?

[Bijdrager Kyokushinkai]

<br />
<table border="0" width="420" align="center" cellspacing="0" cellpadding="0"><br />
	<tr><br />
		<td bgcolor="#ff0000">&nbsp;</td><br />
		<td bgcolor="#fff000">&nbsp;</td><br />
		<td bgcolor="#ff0000">&nbsp;</td><br />
		<td bgcolor="#fff000">&nbsp;</td><br />
	</tr><br />
	<tr><br />
		<td colspan="4"><br />
			<table border="0" width="420" cellspacing="0" cellpadding="0"><br />
				<tr><br />
					<td bgcolor="#00ff00" width="40%">&nbsp;</td><br />
					<td bgcolor="#0000ff">&nbsp;</td><br />
					<td bgcolor="#00ff00" width="40%">&nbsp;</td><br />
				</tr><br />
			</table><br />
		</td><br />
	</tr><br />
	<tr><br />
		<td bgcolor="#ff0000">&nbsp;</td><br />
		<td bgcolor="#fff000">&nbsp;</td><br />
		<td bgcolor="#ff0000">&nbsp;</td><br />
		<td bgcolor="#fff000">&nbsp;</td><br />
	</tr><br />
</table><br />
 

[Bijdrager Jakko Westerbeke]

Een andere manier is om géén geneste tabellen te gebruiken, maar om bij de bovenste en onderste rijen colspan=”2″ in elke <td> te zetten, maar bij de middelste rij colspan=”3″ in de linker- en rechterkolom en colspan=”2″ in de middelste. Je kunt de tabel die je daar hebt namelijk als acht “eenheden” breed zien. Dus:

<table border="0" height="120" width="420" align="center" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td bgcolor="#ff0000" colspan="2"> </td><br />
<td bgcolor="#fff000" colspan="2"> </td><br />
<td bgcolor="#ff0000" colspan="2"> </td><br />
<td bgcolor="#fff000" colspan="2"> </td><br />
</tr><br />
<tr><br />
<td bgcolor="#00ff00" colspan="3"> </td><br />
<td bgcolor="#0000ff" colspan="2"> </td><br />
<td bgcolor="#00ff00" colspan="3"> </td><br />
</tr><br />
<tr><br />
<td bgcolor="#ff0000" colspan="2"> </td><br />
<td bgcolor="#fff000" colspan="2"> </td><br />
<td bgcolor="#ff0000" colspan="2"> </td><br />
<td bgcolor="#fff000" colspan="2"> </td><br />
</tr><br />
</table>