Kolom in tabel veranderd mee

Geplaatst: 15 juni 200717 jaren

Ik ben weer eens in dreamweaver een sitetje aan het maken maar als ik meer intyp in de tabel dan gaat hij naar beneden , je zou denken :,das toch nie zo raar' maar het rare nu is ,men menu schuift mee naar beneden wat moet ik doen om het te verhelpen ?

Mijn nieuwe otwerp bestaad uit 2 tabellen ,een voor de header (of is het banner ,help ...) en een groter daar onder met 2 kolommen een voor het menu en een voor de inhoud zegmaar en als ik dan meer intyp rekt de tabel uit maar het menu schuift mee

Ik hoop dat het zo een beetje duidelijk is

Alvast bedankt

>>> Door Preddy: Topictitel ietwat verbeterd<<<

Reageren

Geplaatst: 15 juni 200717 jaren

comment_706615

Ik heb een schetsje gemaakt van hoe ik denk dat jij het wilt:

Rood geeft een tabel aan

Blauw geeft een kolom aan

Groen geeft aan hoe groot jij je Content kolom wil

Als ik hiervan uit mag gaan, dan is het op te lossen door de linkerkolom van het menu in tweeën te splitsen. Dit gaat met behulp van de rowspan functie, die we op de content kolom moeten zetten.

De basis van je site zal er ongeveer zo uit zien:

<html>
<head>
</head>

<body>
<table width=100%>
<tr>
 <td>blabla</td>
</tr>
</table>

<table width=100%>
<tr>
 <td width=25%>Hier menu</td>
 <td width=75%>Hier content</td>
</tr>
</table>

</body>
</html>

Wat je moet veranderen is rowspan=2 in de <td> tag van de content zetten, én zorgen voor een nieuwe rij. Tevens nog aangeven hoe hoog je menu daadwerkelijk moet zijn. Dat ziet er dan als volgt uit:

<html>
<head>
</head>

<body>
<table width="100%">
<tr>
 <td>Header</td>
</tr>
</table>

<table width="100%">
<tr>
 <td width="25%" height="xxxx">Hier menu</td>
 <td width="75%" rowspan="2">Hier content</td>
</tr>
<tr>
 <td width="25%"></td>
</tr>
</table>

</body>
</html>

Vergelijk deze twee eens met elkaar en daarna met de code in Dreamweaver. Als het niet lukt, kopieer de code uit dat programma maar hierheen en dan proberen wij het er wel goed in te zetten.

Reageren