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;
}