tabelle opdracht

hallo iedereen,

ik moet voor school (xhtml) een site maken in tabellen over het onderwerp snowboarden
maar ik heb een probleempje dat ik niet kan oplossen:
de rechter kolom what:when:where die zou moeten doorlopen naar onder maar dit lukt niet!
heel de rechter kolom zou dus 1 kolom moeten zijn!
hier is de code:

[code:1:02dac6c015]<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table border="1">
<tr>
<td>
<table cellpadding="50px" width= "752px" border="1">
<tr >
<td align="left" valign="top"> <img src="images/born-to-board.gif" align="top">
</td>
<td >d
</td>
<td rowspan="2"valign="top"><img src="images/what-when-where.gif"><br/><img src="images/fotoright.gif">
</td>
</tr>
</tr>
<tr>
<td align="left" height="30px"> <img src="images/get-involved.gif">
</td>
<td>e
</td>
<tr>
<td>
<table width="300px"cellspacing="10px">
<tr>
<td width="30px"><img src="images/news-foto.gif">
</td>
<td>
<table width="200px" border="1">

						&lt;tr&gt;
							&lt;td height=&quot;30px&quot; valign=&quot;top&quot;&gt;&lt;img src=&quot;images/news.gif&quot; align=&quot;top&quot; &gt;
							&lt;/td&gt;
						&lt;/tr&gt;
						&lt;tr&gt;
							&lt;td &lt;p class=&quot;tekst&quot;&gt;De laatste nieuwtjes &amp; de kalender van februari.&lt;/p&gt;								
							&lt;/td&gt;
						&lt;/tr&gt;
					&lt;/table&gt;
				&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td colspan=&quot;2&quot;&gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table&gt;
					&lt;table width=&quot;300px&quot;cellspacing=&quot;10px&quot; border=&quot;1&quot; &gt;
				&lt;tr&gt;
				&lt;td width=&quot;30px&quot;&gt;&lt;img src=&quot;images/picture-foto.gif&quot;&gt;
				&lt;/td&gt;
				&lt;td&gt; 
					&lt;table width=&quot;200px&quot; &gt;
						&lt;tr&gt;
							&lt;td height=&quot;30px&quot; valign=&quot;top&quot;&gt;&lt;img src=&quot;images/pictures.gif&quot; align=&quot;top&quot;&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
						&lt;tr&gt;
							&lt;td &lt;p class=&quot;tekst&quot;&gt;De foto&amp;lsquo;s van de events &amp; van members.&lt;/p&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
					&lt;/table&gt;
				&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td colspan=&quot;2&quot;&gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table &gt;
					&lt;table width=&quot;300px&quot;cellspacing=&quot;10px&quot;  &gt;
				&lt;tr&gt;
				&lt;td width=&quot;30px&quot;&gt;&lt;img src=&quot;images/Video-foto.gif&quot;&gt;
				&lt;/td&gt;
				&lt;td&gt; 
					&lt;table width=&quot;200px&quot; &gt;
						&lt;tr&gt;
							&lt;td height=&quot;30px&quot; valign=&quot;top&quot;&gt;&lt;img src=&quot;images/videos.gif&quot; align=&quot;top&quot;&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
						&lt;tr&gt;
							&lt;td &lt;p class=&quot;tekst&quot;&gt;De filmpjes van events, sponsors, how-tos.&lt;/p&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
					&lt;/table &gt;
				&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td colspan=&quot;2&quot;&gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table&gt;
				&lt;table width=&quot;300px&quot;cellspacing=&quot;10px&quot; &gt;
				&lt;tr&gt;
				&lt;td width=&quot;30px&quot;&gt;&lt;img src=&quot;images/tricks-foto.gif&quot;&gt;
				&lt;/td&gt;
				&lt;td&gt; 
					&lt;table width=&quot;200px&quot; &gt;
						&lt;tr&gt;
							&lt;td height=&quot;30px&quot; valign=&quot;top&quot;&gt;&lt;img src=&quot;images/tricks.gif&quot; align=&quot;top&quot;&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
						&lt;tr&gt;
							&lt;td &lt;p class=&quot;tekst&quot;&gt;Demo&amp;lsquo;s, try-outs, uitleg &amp; illustraties.&lt;/p&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
					&lt;/table&gt;
				&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td colspan=&quot;2&quot;&gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table&gt;
					&lt;table width=&quot;300px&quot;cellspacing=&quot;10px&quot; &gt;
				&lt;tr&gt;
				&lt;td width=&quot;30px&quot;&gt;&lt;img src=&quot;images/ramps-foto.gif&quot;&gt;
				&lt;/td&gt;
				&lt;td&gt; 
					&lt;table width=&quot;200px&quot; &gt;
						&lt;tr&gt;
							&lt;td height=&quot;30px&quot; valign=&quot;top&quot;&gt;&lt;img src=&quot;images/ramps.gif&quot; align=&quot;top&quot;&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
						&lt;tr&gt;
							&lt;td &lt;p class=&quot;tekst&quot;&gt;Video&amp;lsquo;s over ramptricks &amp; jumps.&lt;/p&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
					&lt;/table&gt;
				&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td colspan=&quot;2&quot;&gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table&gt;
							&lt;table width=&quot;300px&quot;cellspacing=&quot;10px&quot; &gt;
				&lt;tr&gt;
				&lt;td width=&quot;30px&quot;&gt;&lt;img src=&quot;images/downloads-foto.gif&quot;&gt;
				&lt;/td&gt;
				&lt;td&gt; 
					&lt;table width=&quot;200px&quot; &gt;
						&lt;tr&gt;
							&lt;td height=&quot;30px&quot; valign=&quot;top&quot;&gt;&lt;img src=&quot;images/downloads.gif&quot; align=&quot;top&quot;&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
						&lt;tr&gt;
							&lt;td &lt;p class=&quot;tekst&quot;&gt;Download hier foto&amp;lsquo;s &amp; achtergronden.&lt;/p&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
					&lt;/table&gt;
				&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td colspan=&quot;2&quot;&gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table&gt;
								&lt;table width=&quot;300px&quot;cellspacing=&quot;10px&quot; &gt;
				&lt;tr&gt;
				&lt;td width=&quot;30px&quot;&gt;&lt;img src=&quot;images/community-foto.gif&quot;&gt;
				&lt;/td&gt;
				&lt;td&gt; 
					&lt;table width=&quot;200px&quot; &gt;
						&lt;tr&gt;
							&lt;td height=&quot;30px&quot; valign=&quot;top&quot;&gt;&lt;img src=&quot;images/community.gif&quot; align=&quot;top&quot;&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
						&lt;tr&gt;
							&lt;td &lt;p class=&quot;tekst&quot;&gt;Hier kan je alles bespreken met medeboarders. Je kan hier ook shirts enz kopen.&lt;/p&gt;
							&lt;/td&gt;
						&lt;/tr&gt;
					&lt;/table&gt;
				&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td colspan=&quot;2&quot;&gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table&gt;


			
			&lt;/td&gt;
			
			&lt;td width=&quot;56px&quot;&gt; 2
			&lt;/td&gt;
			&lt;td width=&quot;400px&quot;&gt;
				&lt;table&gt;
						
					&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td valign=&quot;top&quot;&gt; &lt;img src=&quot;images/newsletter.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
						&lt;td height=&quot;40px&quot;&gt;
						&lt;/td&gt;
					&lt;/tr&gt;
				&lt;tr&gt;
					&lt;td&gt; &lt;img src=&quot;images/bandwidth.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
					&lt;tr&gt;
						&lt;td height=&quot;40px&quot;&gt;
						&lt;/td&gt;
					&lt;/tr&gt;
					&lt;tr&gt;
						&lt;td &lt;p class=&quot;tekst&quot;&gt;&amp;#42 Een aantal foto&amp;lsquo;s toegevoegd bij &amp;rdquo;Downloads&amp;rdquo;.&lt;/td&gt;
					&lt;/tr&gt;
					&lt;tr&gt;
					&lt;td align=&quot;right&quot; &gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
						&lt;td &lt;p class=&quot;tekst&quot;&gt;&amp;#42 Een aantal foto&amp;lsquo;s toegevoegd bij &amp;rdquo;Downloads&amp;rdquo;.&lt;/td&gt;
					&lt;/tr&gt;
					&lt;tr&gt;
					&lt;td align=&quot;right&quot; &gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;tr&gt;
						&lt;td &lt;p class=&quot;tekst&quot;&gt;&amp;#42 Een aantal foto&amp;lsquo;s toegevoegd bij &amp;rdquo;Downloads&amp;rdquo;.&lt;/td&gt;
					&lt;/tr&gt;
					&lt;tr&gt;
					&lt;td align=&quot;right&quot; &gt; &lt;img src=&quot;images/more.gif&quot;&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
				&lt;/table&gt;
				
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;/table&gt;		
	&lt;/td&gt;
&lt;/tr&gt;

</table>
</body>
</html>[/code:1:02dac6c015]

en hier zie je een voobeeld vd site, heb wel de borders laten staan zodat je kan zien hoe het in elkaar zit http://kaag.frih.net/board/portal%20site.html

bedankt

Weet je, jij kan er niets aan doen, maar ze zouden jouw school geen onderwijslicentie mogen geven. HALLO! Een website in XHTML EN de layout met TABELLEN? Je kan je dimploma net zo goed gelijk in de prullenbak donderen... Vertel je docent maar namens mij dat hij of zij een droplul is.

[color=green:32598f0e56]{zo… dat lucht op }[/color:32598f0e56]

Oplossing voor je probleem: Maak 1 simple structuur en doe de layout binnen een cel met CSS, zonder daar ook weer tabellen in te zetten en dergelijk, je maakt het jezelf onmogelijk moeilijk:

[code:1:32598f0e56]
<table>
<tr>
<td rowspan="2"> sidebar </td>
</tr>

<tr>
<td> rij 1 </td>
<td> rij 2 </td>
</tr>
</table>
[/code:1:32598f0e56]

De rowspan moet staan op de cel die ‘uitgesmeerd’ moet worden.

[quote:756bd617ab="tennapel"]Weet je, jij kan er niets aan doen, maar ze zouden jouw school geen onderwijslicentie mogen geven. HALLO! Een website in XHTML EN de layout met TABELLEN? Je kan je dimploma net zo goed gelijk in de prullenbak donderen... Vertel je docent maar namens mij dat hij of zij een droplul is.[/quote:756bd617ab]

Mee eens, alleen zou ik die docent uitmaken voor noob :smiley:

[quote:3505d64e3a="Kyokushinkai"][quote:3505d64e3a="tennapel"]Weet je, jij kan er niets aan doen, maar ze zouden jouw school geen onderwijslicentie mogen geven. HALLO! Een website in XHTML EN de layout met TABELLEN? Je kan je dimploma net zo goed gelijk in de prullenbak donderen... Vertel je docent maar namens mij dat hij of zij een droplul is.[/quote:3505d64e3a]

Mee eens, alleen zou ik die docent uitmaken voor noob :D[/quote:3505d64e3a]

Ik wou zeggen dat ik het er helemaal nee eens ben :stuck_out_tongue:

Wij MOETEN op school met een css stylesheet en layers werken, opmaken met tabellen is echt taboe... :P

kweet het is ee rare opdracht maar het moet volgens zijn "regels" zijn:s het moet als volgt zijn ge begint in 1 tabel (waar alles in zit) daarna maak je een 2de tabel die bestaat uit 3 delen (naast elkaar) en daar moet alles in komen! ik weet dat het zinloos is om het te leren maar het moet gedaan worden hé dus weet iemand hoe ik die lijn wegkrijg in men voorbeeld (kolom 3)

thx

het is gelukt

http://kaag.frih.net/board/portal%20site.html

grtz