Ciao a tutti, sto applicando questo menu
http://muddydogpaws.com/development/...example-6.html
tutto OK solo che io vorrei fare in modo che il padre abbia un'altezza di 84px mentre i figli di 34px
ho provato a cambiare l'altezza dei figli:
.menu2 ul :hover ul{
ma il valore non viene applicato
Ho notato però che togliendo nel:
.menu2 a, .menu2 a:visited {
i riferimenti all'altezza:
height:84px;
line-height:84px;
ovviamente il padre ha un'altezza minima ed il figlio ha il valore corretto da me impostato: 34
In sintesi: come posso gestire l'altezza del padre e del figlio separatamente?
codice:/* style the links */ .menu2 a, .menu2 a:visited { display:block; text-decoration:none; height:84px; line-height:84px; width:149px; color:#b95826; background:#ffffff; text-indent:5px; border:1px solid #fff; border-width:0 1px 1px 0; font-size: 14px; font-family:Lucida Grande, Arial, Verdana, Helvetica, sans-serif; font-weight: bold; border:1px solid #b95826; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu2 ul ul { visibility:hidden; position:absolute; top:0; width:250px; height:34px; left:150px; font-size: 10px; } /* make the second level visible when hover on first level list OR link */ .menu2 ul :hover ul{ visibility:visible; width:250px; height:34px; left:150px; font-size: 10px; }

Rispondi quotando