menù verticale - lista o blocchi?

[carlo2002]

per un menù verticale quali sono i pro ed i contro nell'utilizzo di una lista o di blocchi ?

[thomas_anderson]

La lista è l'unico sistema per scrivere del codice semantico ed accessibile, tant'è vero che nelle prossime specifiche XHTML 2.0 è stato introdotto l'elemento <nl>, navigation list, che soppianterà l'uso di <ul>, [list=1], <dl> nella navigazione. se vuoi usare i blocchi ti consiglio, fra ogni voce, di inserire uno <span> con un elemento di separazione (come ! ). a tale span darai display: none;

[seed_squall_it]

Cosa intendi per "blocchi"? Una serie di elementi block-level (tipo dei <div>)?

Cmq, un menu è per sua natura una lista di link. Pertanto, rispettando la semantica dei contenuti del documento, è opportuno usare uno degli elementi di markup che l'XHTML mette a disposizione per creare le liste: elenchi ordinati, non ordinati e liste di definizione ([list=1], <ul> e <dl>).

Impostare le voci di un menu come una sequenza di elementi block-level o di link seguiti da tag
non fornisce nessuna informazione semantica su "quell'insieme di link".

[carlo2002]

sto già usando degli elementi lista, solo che IE me li distanzia in modo eccessivo

[indigoindigo]

Prova a lavorare sulle impostazioni di padding e margin dei tag "ul" e "li"..

[carlo2002]

Originariamente inviato da indigoindigo
Prova a lavorare sulle impostazioni di padding e margin dei tag "ul" e "li"..

anche mettendo margin e padding a 0 sembra non avere effetto con IE

[seed_squall_it]

Puoi postare le regole CSS del menu e il suo codice XHTML? IE ha seri problemi con gli elementi di lista (e non solo con quelli!), specie se c'è qualche display: block di mezzo (anche per gli elementi <a>)...

[carlo2002]

xhtml

<div id=\"menu_navigazione\">
<ul>[*][*][*][/list]
</div>

css

#menu_navigazione {
border: 0px solid #808080 ;
text-align: left;
}

#menu_navigazione ul {
margin: 0px 0px 0px 25px ;
padding: 0px ;
}

#menu_navigazione li {
font-size: 12px ;
list-style-type: none ;
display: block ;
}

a:link {
text-decoration: none ;
color: #404040 ;
}

a:visited {
text-decoration: none ;
color: #404040 ;
}

a:hover {
text-decoration: underline ;
color: #404040 ;
}

a:active {
text-decoration: none ;
color: #404040 ;
}

[indigoindigo]

id=\"menu_navigazione\

lo usi senza gli slash, vero?

se invece lo usi con gli slash, a cosa servono?

prova ad usare "display: inline;" su ul e/o li..

[pierofix]

Ho notato che quando occorre lavorare sulle liste conviene sempre azzerare tutti i margini e i padding, in modo da eliminare l'arbitrarietà dei vari browser ed ottenere così un controllo maggiore:

ul,
ul *
{
   margin:0; padding:0;
}