
Originalmente inviato da
allo
... Però il validator del w3 mi da degli errori qua e la riguardo agli <ul> e <li>, sapete a cosa sono dovuti? ...
Qualcosa di strano l'ho trovato (questo è codice della tua pagina):
Codice:
<ul id="nav">
<li id="home"> <a href="javascript:link()" class="menu">Home Page</a></li>
<li id="foldheader"> <a href="#" class="menu">Categorie</a></li>
<ul id="foldinglist" style="display:none">
<li><a href="javascript:link()" class="menu">Animali</a></li>
<li><a href="javascript:link()" class="menu">Natura</a></li>
<li><a href="javascript:link()" class="menu">Tramonti</a></li>
<li><a href="javascript:link()" class="menu">Sport</a></li>
<li><a href="javascript:link()" class="menu">Cartoni</a></li>
</ul>
<li id="contatti"> <a href="javascript:link()" class="menu">Contatti</a></li>
<li id="help"> <a href="javascript:link()" class="menu">Aiuto</a></li>
</ul>
Hai in pratica messo una lista dentro un'altra lista e non dentro una voce di lista, credo ti basti modificare così:
Codice:
<ul id="nav">
<li id="home"> <a href="javascript:link()" class="menu">Home Page</a></li>
<li id="foldheader"> <a href="#" class="menu">Categorie</a>
<ul id="foldinglist" style="display:none">
<li><a href="javascript:link()" class="menu">Animali</a></li>
<li><a href="javascript:link()" class="menu">Natura</a></li>
<li><a href="javascript:link()" class="menu">Tramonti</a></li>
<li><a href="javascript:link()" class="menu">Sport</a></li>
<li><a href="javascript:link()" class="menu">Cartoni</a></li>
</ul>
</li>
<li id="contatti"> <a href="javascript:link()" class="menu">Contatti</a></li>
<li id="help"> <a href="javascript:link()" class="menu">Aiuto</a></li>
</ul>
Altra cosa: troverei più appropriato sostituire (o meglio, completare) gli ID con delle classi, così puoi realizzare anche più menu annidati tra loro usando una sola specifica di stile.
Stammi bene...