Classi alle LI

[yaka]

ciao a tutti!! sono un newbie del forum,
premetto che con i css li ho imparati senza guide ecc.. quindi è possibile che mi sfugga qualcosa.

ho un menu con i rispettivi ul, li e una sottocategoria composta sempre da un ul e li...


il div è così composto:

<div id="menu_boxcontent">
<ul>
<li class="cat">categoria uno
<li class="cat">categoria due
<ul>
<li class="sottocat">sottocategoria [/list]

<li class="cat">categorie tre [/list]
</div>

------------------------------
il css è

#menu_boxcontent { width:160px; background:#FFFFCC;}

#menu_boxcontent UL { list-style-type:none; margin:0; padding:0;}
#menu_boxcontent LI { font: .8em Verdana, Arial, Helvetica, sans-serif; }
#menu_boxcontent LI a { }

#menu_boxcontent UL .cat { }
#menu_boxcontent LI .cat { font-size:1em; }
#menu_boxcontent LI .cat a { font-size:1em; background-color:#0099CC; padding:0 0 0 4px; }

#menu_boxcontent UL .sottocat { }
#menu_boxcontent LI .sottocat { font-size:1em; padding:0 0 0 8px; }
#menu_boxcontent LI .sottocat a { font-size:1em; background-color:#00FF00; }



l'ho fatto il piu semplice possibile per non allungare il thread.

l'arcano è sulla classe dell'LI.
come mai il class funziona solo sulle sottocategorie e non sulla categoria madre?
cioè io applico un "class:cat" alla cat principale e un class "sottocat" a quella secondaria..
ma per un 'non so perchè' non mi prende le proprietà del "cat".

ma negli LI c'è una regola che i primi LI non possono essere "classati"??


grazie e a presto!!!

[Mich_]

Non so se e` questo che da` il problema, ma molti browser non riconsocono i nomi dei tag se sono scritti con sintassi sbagliata.
Nella fattispecie, i tag LI e UL non esistono, quidi i selettori UL e LI non sono validi.
Prova a scriverli correttamente minuscoli.

[panta1978]

Originariamente inviato da Mich_
Non so se e` questo che da` il problema, ma molti browser non riconsocono i nomi dei tag se sono scritti con sintassi sbagliata.
Nella fattispecie, i tag LI e UL non esistono, quidi i selettori UL e LI non sono validi.
Prova a scriverli correttamente minuscoli.

Inoltre tra UL e .cat non ci va lo spazio.

Errato

#menu_boxcontent UL .sottocat { }
#menu_boxcontent LI .sottocat { font-size:1em; padding:0 0 0 8px; }
#menu_boxcontent LI .sottocat a { font-size:1em; background-color:#00FF00; }

Corretto

#menu_boxcontent ul.sottocat { }
#menu_boxcontent li.sottocat { font-size:1em; padding:0 0 0 8px; }
#menu_boxcontent li.sottocat a { font-size:1em; background-color:#00FF00; }

PS: per inserire codice, usa l'appostio comando CODE

[yaka]

ho provato a fare tutto in minuscolo, lo testo contempraneamenete in ie, firefox, opera e safari. ma nulla

[yaka]

Originariamente inviato da panta1978
Inoltre tra UL e .cat non ci va lo spazio.

Errato

#menu_boxcontent UL .sottocat { }
#menu_boxcontent LI .sottocat { font-size:1em; padding:0 0 0 8px; }
#menu_boxcontent LI .sottocat a { font-size:1em; background-color:#00FF00; }

Corretto

#menu_boxcontent ul.sottocat { }
#menu_boxcontent li.sottocat { font-size:1em; padding:0 0 0 8px; }
#menu_boxcontent li.sottocat a { font-size:1em; background-color:#00FF00; }

PS: per inserire codice, usa l'appostio comando CODE

:| grandee! grazieeeee


sì ok ma non capisco allora perchè .sottocat funzionava!!!!!!
boh

[panta1978]

Originariamente inviato da yaka
ho provato a fare tutto in minuscolo, lo testo contempraneamenete in ie, firefox, opera e safari. ma nulla

Togli gli spazi (vedi mia risposta precedente)

EDIT: Oops. Ho visto che hai risolto.

[Mich_]

Credevo che lo spazio ce lo avessi messo di proposito, e non ho approfondito (del resto se si trova un erorre di solito ci si concentra su quello, e non si vedono gli altri)

li .clas { /* il blocco con classe .clas interno ad un blocco li
li.clas { /* il blocco li con classe .clas

[yaka]

Grazie mille, gentilissimi!!! ora mi è chiaro