HTML CSS Esercizio 3 - Table

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>

<title>Layout con tabella</title>
</head>

<body style="margin: 0px; padding: 0px; font-family: verdana,sans;">

<table width="100%" style="height: 100%;" cellpadding="10" cellspacing="0" border="0"><tr>

<!--          Colonna sinistra (Menu)         -->
<td width="20%" valign="top" bgcolor="#999f8e">
<a href="#">Voce menu</a><br>
<a href="#">Voce menu</a><br>
<a href="#">Voce menu</a><br>
<a href="#">Voce menu</a><br>
<a href="#">Voce menu</a>
</td>

<!--          Colonna destra (Contenuti)         -->
<td width="80%" valign="top" bgcolor="#d2d8c7">

<h1>Logo</h1>

<h2>Intestazione</h2>

&Egrave; un menu piuttosto semplice, con  una colonna per il menu, e una per il contenuto. Provate a convertirla in in layout liquido tramite CSS. Bastano due stili con
il &lt;div&gt; appropriato.</td></tr></table>
</body>

<html>