Newsgroup: it.comp.www.html
Titolo: Un lume dagli esperti...

Mentre stavo facendo un sito per un amico mi capita che faccio un menu
usando le liste "inline". La potete vedere a 
www.enaip.info
La domanda č: perchč anche i separatori verticali della lista diventano
bianchi?
Grazie.
Questo č il foglio di stile "menu.css"
/*a {color: #000000; text-decoration: none;}*/
a:link {color: #000000; text-decoration: none;}
a:active {color: #gray; text-decoration: none;}
a:visited {color: gray; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: none;}
Questo č "pagine.css"
body {
 margin: 0px;
text-align: center;
background-image:    url(../immagini/sfondobeige.gif);
}
div#container {
 margin: auto;
 position: relative;
 width: 700px;
 height: 450px;
text-align: left;
}
div#header {
 height: 25px;
 width: 700px;
 background-color: #FFFFFF;
 background-image:    url(../immagini/sfondoheader4.gif);
 padding: 0px;
 margin: 0px;
 border-bottom:1px black dashed;
 text-align: center;
}
div#main {
 height: 430px;
 width: 700px;
 background-color: #FFFFFF;
 background-image:    url(../immagini/sfondomain.gif);
 margin: auto;
 border-bottom-color: #000000;
 border-bottom-style: dashed;
 border-bottom-width: 1px;
 color: #999999;
 font-family: "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 18px;
 font-weight: bold;
}
div#poesia {
 text-align: justify;
 width: 600px;
 margin: auto;
 color: #999999;
 font-size: 16px;
 font-style: italic;
 font-family: "Times New Roman", Times, serif;
 letter-spacing: 2px;
}
div#footer {
 height: 20px;
 width: 700px;
 background-color: #FFFFFF;
 background-image:    url(../immagini/sfondoheader4.gif);
 margin: 0px;
text-align: center;
}
div#subfooter {
 height: 20px;
 width: 680px;
 margin: 3px;
}
#header ul {
margin:0px;
margin-top:3px;
padding: 0px;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color: #000000;
font-style: normal;
font-weight: bold;
}
 li {
 display:inline;
list-style-type: none;
  }
  a#lnkfooter {
  text-decoration: underline;
color: blue;
margin-right: 4px;
  float: right;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight:bold;
  }
  span#c {
  float: left;
font-family: "Times New Roman", Times, serif;
 font-size: 14px;
 color: #000000;
 font-style: normal;
 /*font-weight: bold;*/
  }
  span#torr {
  float: right;
font-family: "Times New Roman", Times, serif;
 font-size: 14px;
 color: #000000;
 font-style: normal;
 /*font-weight: bold;*/
  }
Se possono servire...

 Grazie.
Prego

Ti ringrazio del suggerimento. Ma come mai prendono gli stili dellle liste?
Questioni di ereditarietą?

 Questioni di ereditarietà?
Ho fatto vari test, alla fine sono arrivato ad una conclusione...
Secondo me, accade ciò perchè il "|" è posto al di fuori del tag <LI> e non
è all'interno di nessun "contenitore testuale" (quindi non conto il tag UL)
che può dargli delle "regole"...
In ogni caso sono solo delle supposizioni, quindi aspetto di essere
smentito..
Ciao
Guido

 smentito..
Ciao Giudo,
    le tue supposizioni sono giuste. Volevo aggiungere che non penso proprio sia
lecito inserire testo nè altri elementi al di fuori dei list-item (un suggerimento a Cekko
per averne la conferma: prova a validare il codice e senti che ti dice il validatore).
Usare un separatore testuale come questo:
home | rubriche | gallery | contatti
Non credo che sia molto ortodosso sia dal punto di vista della semantica che dell'
accessibilità, e si può risolvere con i css e un border-right su tutti gli elementi a parte
l' ultimo. Html e css minimali:
<ul id="navigation">
    <li><a href="#">home</a></li>
    <li>><a href="#">rubriche</a></li>
    <li><a href="#">gallery</a></li>
    <li id="last"><a href="#">contatti</a></li>
</ul>
ul#navigation li{
    display: inline; border-right: 1px solid #fff
    }
ul#navigation li#last{
    border-width: 0;
    }
Se ci fosse un supporto diffuso per la pseudo classe :last-child sarebbe proprio il caso di
usarla, risparmiandosi un id superfluo.
Cmq, volendo usare un separatore testuale, basta metterlo dentro l' <li> ma dopo la
chiusura del link, attribuendo un colore all' <li> e un' altro ai link.
Saluti,
    Alessandro Fulciniti

Come sempre impeccabile!
Il bordo lo vado a sperimentare subitooooooooooooooooo...