Il CSS, sicuramente meglio.
Al posto del <table> utilizzi i <div>
Praticamente crei due <div> e metti questo codice tra i tag <body></body> della pagina:
Codice:
<body>
<div id="menu">
Qui metti tutto il tuo elenco
</div>
<div id="contenuto">
Qui metti tutto il contenuto della pagina
</div>
</body>
Poi nel <head> della pagina metti il CSS, ovvero lo stile che hai dato ai due <div> di prima:
Codice:
<style type="text/css">
#menu {
margin-top:50px;
width:200px;
border:2px solid gray;
}
#contenuto {
float:left;
width:600px;
border:2px solid gray;
}
</style>
Ovviamente poi ti modifichi tu il CSS, aggiungendo il background, il colore del testo, il margin ed il padding, ecc...
(Se vuoi far scendere ancora più giù il "menù", devi aumentare il valore numerico del margin-top.)
E praticamente avrai questo:
Tutto il codice HTML che ho utilizzato è questo (che sarebbe quello che ti ho scritto sopra, però te l'ho raggruppato bene):
Codice:
<html>
<head>
<title>Titolo della pagina</title>
<style type="text/css">
#menu {
float:left;
margin-top:50px;
width:200px;
border:2px solid gray;
}
#contenuto {
float:left;
width:600px;
border:2px solid gray;
margin:10px;
}
</style>
</head>
<body>
<div id="menu">
<h1>Menu</h1>
Qui metti tutto il tuo elenco, bla bla.
Qui metti tutto il tuo elenco, bla bla.
Qui metti tutto il tuo elenco, bla bla.
</div>
<div id="contenuto">
<h1>Contenuto</h1>
<pre>La stanca estate china il capo
specchia nell' acqua il suo biondo volto.
Erro stanco e impolverato
nell' ombra del viale.
Tra i pioppi soffia una leggera
brezza. Il cielo alle mie spalle e' rosso
di fronte l' ansia della sera
- e il tramonto - e la morte.
E vado stanco e impolverato
e dietro a me resta esitante
la giovinezza, china il capo
e non vuole più seguire la strada con me.
Herman Hesse</pre>
</div>
</body>
</html>