menu con le liste

[maxcondor]

salve ragazzi ho questo semplice css:

#nav {
position: absolute;
height: 23px;
width: 500px;
left: 250px;
top: 55px;
}
#nav ul li {
margin:5px;
padding:0, 0.5em, 0, 0.5em;
display:inline;
border-left: 1px solid #000;
font-weight:bold;
color:#004256;
}

#nav ul li a {
color:#004256;
text-decoration:none

}
#nav ul li a:hover{
text-decoration:underline;

html

<div id="nav">
<ul>
[*]A
[*]B
[*]Organigramma
[*]C
[*]D
[/list]


</div>

Vorrei realizzare questo effetto:
| A | B | C |

però ottengo questo:
|A |B |C

praticamente non riesco in nessuno modo a distanziare la lettera dal bordo, come si fa?

[pierofix]

Prova a dare il padding anche agli <a>.

[maxcondor]

ho provato non funziona, il bello è che l'esempio l'ho preso dal libro Web standart... boh?

[pierofix]

Di solito per linearizzare un menù-lista si mette il float:left ai list item (non il display:inline).

Prova a modificarlo così: poi, in teoria, avrai maggiore controllo sulla presentazione e riuscirai di sicuro a sistemare il tuo problema.

[maxcondor]

adesso provo

[maxcondor]

niente non riesco a distanziare la lettera dal bordo

[pierofix]

Proviamo una cosa semplice:

<ul>[*]Ciao[*]Miao[*]Bau[/list]

ul, li, a {
   margin:0; padding:0;
}
li {
   list-style-type:none;
   float:left;
}
a {
   padding:0 0.5em;
}

EDIT: Forse ho trovato l'errore nel tuo codice. Quando usi la proprietà margin non devi separare i valori con la virgola ma con semplici spazi bianchi.

[maxcondor]

si funziona, quindi non devo usare la virgola per separare i diversi valori del padding? Errore del libro?!!!
Comunque grazie tante

[pierofix]

Azz, è un erroraccio!!! VVoVe: Comuque, ti consiglio sempre di consultare alla fonte:

- www.w3.org/TR/CSS21/box.html#propdef-margin
- http://htmldog.com/reference/cssproperties/margin/

[haZe]

Di solito per linearizzare un menù-lista si mette il float:left ai list item (non il display:inline).

Mah, a me pare molto più pulito e rapido il contrario.