PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
l

HTML: kolommen vraag

Door luuk op 20-01-2007 16:36
888 views
Hallo,

Ik heb deze code gemaakt die drie kolommen maakt:


<html>
<table width="600" border="0" cellspacing="1" cellpadding="7"><tr>
<td width="200" valign="top">
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 1</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 4</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 7</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 10</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
</td>
<td width="200">
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 2</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 5</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 8</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 11</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
</td>
<td width="200" valign="top">
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 3</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 6</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 9</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
<br />
		<table cellpadding="0" cellspacing="0" width="100%">
			<tr class="titel">
				<td class="links">Blok 12</td>
				<td class="rechts"></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr>
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
			<tr class="donker">
				<td><a href="">Link</a></td>
				<td></td>
			</tr>
		</table>
</td></tr></table>
</html>


Alleen nu wil ik graag dat Blok 1 en Blok 2 samen 1 groot blok worden, maar ik kom er niet uit. Weten jullie misschien hoe dit moet?

Luuk
K i p
20-01-2007 16:41
Je zult [google]colspan[/google] en/of [google]rowspan[/google] moeten gebruiken denk ik.
j
joren vh
20-01-2007 17:01
wat boris zegt ! colspan="2" in je <td> toevoegen !
l
luuk
21-01-2007 13:05
Ik heb de tutorial gelezen. Maar nu heb ik het probleem dat de blokjes ook verschillende lengtes kunnen hebben, dus kan je twee blokjes naast elkaar niet in dezelfde <tr> stoppen.
D
Daan
24-01-2007 23:14
Ik denk dat je het anders moet opbouwen, bijv. zoiets:


<table>
    <tr>
        <td colspan="2">Blok 1 en 2</td>
        <td>Blok 3</td>
    </tr>
    <tr>
        <td>Blok 4</td>
        <td>Blok 5</td>
        <td>Blok 6</td>
    </tr>
    <tr>
        <td>Blok 7</td>
        <td>Blok 8</td>
        <td>Blok 9</td>
    </tr>
</table>


en dan elk blok vervangen door een table..
Jan Koehoorn
24-01-2007 23:28
Ik denk dat je helemaal niet met tabellen moet werken voor je lay-out. In CSS is dit soort dingen veel simpeler.
D
Daan
25-01-2007 14:06
Ja dat is zo, ik ging er vanuit dat ie persé met tabellen wil werken, omdat ie die gebruikt.
Maar met css is het idd simpeler..

Reageren

Inloggen om te reageren