[CSS] Menu testuale più immagini

[ariok]

Ciao a tutti... avrei un problema per quanto riguarda lo sviluppo di un menu orizzontale composto da 3 voci...
dove ogni voce ha un'img e un testo.. come nell'esempio qui sotto :P



voce1 voce2 voce3

per una situazione del genere ho pensato di utilizzare una lista...

   <div id="header">
      <ul>[*][img]images/img1[/img][*]<a>voce1</a>  [*][img]images/img2[/img][*]<a>voce2</a>[*][img]images/img3[/img][*]<a>voce3</a>[/list]
   </div>

e qui il css

    #header ul {  
      list-style:none;
    }
    
    #header  ul li { 
      display:inline;
    }
    
    #header ul li img a { 
      display:inline;
    }
    
    #header  ul img { 
      display:inline;
    }

Ora .. con questo css.. e il codice html visto sopra.. non viene decisamente quello che ho in mente...
Qualcuno potrebbe darmi una dritta??
sopratutto perche' se non comprendo le img in un <a> il tutto funziona correttamente???

[Shores]

A mio modestissimo avviso, devi:

1)semplificare l'html: ogni voce dovrebbe essere:
[*][img][/img]Voce

2) inserire le classi css una alla volta...

Ciao!

[ariok]

<ul>[*][img]images/lente.gif[/img]Ricerca[*][img]images/lente.gif[/img]Newsletter[*][img]images/lente.gif[/img]Home[/list]

Ho provato in questo modo.. ma succede una cosa strana... vengono prima visualizzate tutte le img e alla fine tutti i testi... cosi':

voce1 voce2 voce3

[Shores]

Allora hai qualche cos'altro nel CSS che da fastidio: provato a toglierlo del tutto il css?

[ariok]

uhm ora faccio un po' di prove.. grazie mille!se risolvo posto nuovamente.. ciao !