Lidt pynt på det simple
Med nogle få ændringer kan selv det simpleste layout lives en del op. Her har jeg lagt såvel menuen som indholdet i hver sin tabel, der kun indeholder 1 celle. Denne tabel i tabellen har fået en cellpadding på 10 pixel, en hvid baggrund samt en sort border der er 1 pixel bred. Dette er opnået ved hjælp af et stylesheet med passende formregler:
.white {background-color:white;
border:1px solid black;
}
Nu ser tabelkoden således ud:
<table width="100%" align="center"
cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="20%" valign="top">
<table width="100%" cellpadding="10">
<tr><td class="white">
<h1> </h1>
[ Menu ]
</td></tr>
</table>
</td>
<td>
<table width="100%" cellspacing="0" cellpadding="10">
<tr><td class="white">
[ Indhold ]
</td></tr>
</table>
</td>
</tr>
</table>
Det, der er markeret med rødt, er det der er tilføjet i forhold til eksempel 1.
|