Ciao ragazzi avrei bisogno del vostro aiuto perché io non so più che pesci prendere :crying:
Ho un classico menù a tendina orizzontale (per intenderci come questo) solo che non ne capisco il motivo il sottomenù è bloccato tutto a sinistra, anche andando sopra l'ultima voce del menù, il sottomenù compare all'inizio dove c'è la prima voce. Non riesco a capire come mai e non so più che fare :crying: una mano per favore? :crying:
Il codice:
CSS:
Grazie in anticipo >w<
Ho un classico menù a tendina orizzontale (per intenderci come questo) solo che non ne capisco il motivo il sottomenù è bloccato tutto a sinistra, anche andando sopra l'ultima voce del menù, il sottomenù compare all'inizio dove c'è la prima voce. Non riesco a capire come mai e non so più che fare :crying: una mano per favore? :crying:
Il codice:
HTML:
<ul class="menu">
<li><a href="" class="a_menu" title="">Home</a></li>
<li><a href="" class="a_menu" title="">Home</a>
<ul class="sottomenu">
<li><a href="" class="a_sottomenu" title="">Prova</a></li>
<li><a href="" class="a_sottomenu" title="">Prova</a></li>
<li><a href="" class="a_sottomenu" title="">Prova</a></li>
</ul>
</li>
<li><a href="" class="a_menu" title="">Home</a></li>
</ul>
Codice:
.menu {
background-color: #F48529;
-moz-border-radius: 0px 0px 20px 0px;
-webkit-border-radius: 0px 0px 20px 0px;
width: auto;
display: inline;
padding-bottom: 0.3em;
border-bottom: groove red 3px;
border-right: groove red 3px;
}
.menu li {
display: inline;
padding-right: 2em;
}
a.a_menu {
text-decoration: none;
}
.sottomenu {
display: none;
position: absolute;
background-color: #F48529;
-moz-border-radius: 0px 0px 20px 0px;
-webkit-border-radius: 0px 0px 20px 0px;
padding-bottom: 0.3em;
border-bottom: groove red 3px;
border-right: groove red 3px;
top:1.75em;
z-index: 1;
}
.menu li:hover ul.sottomenu {
display: block;
position: absolute;
z-index: 1;
}
.menu li:hover ul li {
position: relative;
display: block;
}
.sottomenu li a {
text-decoration: none;
}