barra di navigazione grafica con i CSS

[Fortebraccio]

Vorei creare una nav bar degna di questo nome, fatta di bottoni grafici(in pratica delle gif) e non di una lista stirata orizzontalmente tramite la proprietà display come suggerito nella guida di HTML.IT sui layout CSS. Fino ad ora allineavo dei bottoni all'interno di una tabella. Questo è ancora possibile visto che nulla impedisce di mettere all'interno del div header una tabella solo per i bottoni, ma vorrei provare a fare una nav bar "tutta CSS".
Cosa mi suggerite???

[pierofix]

Guarda, di solito si utilizza una lista non ordinata per i link

<ul id="navbar">[*]Ciao[*]Miao[*]Bau[/list]

Poi, con i css, puoi ad esempio eliminare i punti dell'elenco e giocare con colori di sfondo o immagini. Un esempio:

ul {
   width: 30%;
   margin: 0; padding: 0;
}
ul li {
   margin: 0 0 2px 0; padding: 0;
   height: 40px;
   background: url(http://www.re1.it/pierofix/i/danger.png) no-repeat 0 50%;
}
ul li a {
   color: #ccc;
   text-decoration: none;
   display: block;
   height: 40px; line-height: 40px;   
   background-color: #f9f9f9;
}
ul li a:hover {
   color: #fff;
   background-color: #333;
}

[fildat]

ciao, scusate se mi intrometto ma vorrei capire come poter mettere in orizzontale i pulsanti formattati così come si legge sopra.
usando il comando display:block, riesco a formattarli solo così:link mentre vorrei riuscire a metterli uno accanto all'altro.
grazie in anticipo

[Caleb]

float:left ad ogni elemento li

[fildat]

grazie x la tempestiva risposta, ma sbaglierò qlcosa ..

il codice originale è questo:

ul {
width: 10%;}
ul li a {
color: #ccc;
text-decoration: none;
display: block;
height: 20px;
line-height: 20px;
background-color: #f9f9f9;
text-align: center;
border-width: 1px;
border-color: #99CC00;
border-style: solid;}

a cui ho aggiunto :

li{
float: left;
}

ho provato ad inserirlo anche dentro ul, ma non cambia niente ... dove sbaglio ?
grazie

[Caleb]

provato senza display:block ?

[fildat]

infatti, ci stavo provando;
ora sto cercando di capire line-height ....
grazie 1000

[andrea.paiola]

Originariamente inviato da Fortebraccio
Fino ad ora allineavo dei bottoni all'interno di una tabella. Questo è ancora possibile visto che nulla impedisce di mettere all'interno del div header una tabella solo per i bottoni, ma vorrei provare a fare una nav bar "tutta CSS".
Cosa mi suggerite???

Le tabelle non vanno usate se non per dati tabellari sennò sono da considerarsi semanticamente errate: quindi non posso dirti che fai molto bene!
tra i link in rilevo ci sono molti esempi di menù solo CSS...