sottomenu a tendina resta fisso

raffaellaweb

Nuovo Utente
4 Giu 2015
1
0
0
HO creato con i css un menu orizzontale con relativo sottomenu a comparsa verticale.
Il problema è che il menu verticale resta fisso sulla pagina quindi se scendo nella pagina non è più attaccato al menu orizzontale

www.chirotorino.it (es bottone chiropratica)

se metto la position absolute al sottomenu quando passo sul bottone lui resta fisso ma si sposta in basso tutto il resto del menu orizzontale

ecco il css

#header ul {
list-style: none;
margin: 25px 0 0;

padding: 0;
text-align: center;

}
#header ul ul {
list-style: none;
margin: 25px 0 0;
overflow: hidden;
padding: 0;
text-align: center;
display: none;

}



#header ul li {
display: inline-block;
height: 34px;
margin: 0 5px;
position:relative;

}
#header ul ul li {
display:list-item;
z-index:100;
}
#header ul li:hover ul {
float: none;

position:fixed;
color: #000000;
display: block;
font-size: 14px;
line-height: 32px;
text-align: center;
text-decoration: none;
z-index:100;
cursor: pointer;

margin:auto;
}
#header ul li a {
background: url(../images/bg-menu-right.gif) no-repeat right top;
color: #000000;
display: block;
font-size: 14px;
line-height: 32px;
text-align: center;
text-decoration: none;
position:relative;

}

#header ul li a span {
background: url(../images/bg-menu-left.gif) no-repeat left top;
cursor: pointer;
display: block;
height: 34px;
padding: 0 15px;
position:relative;
}
#header ul li.current a, #header ul li a:hover {
background: url(../images/bg-menu-selected-right.gif) no-repeat right top;
color: #000000;
position:relative;
}
#header ul li.current a span, #header ul li a:hover span {
background: url(../images/bg-menu-selected-left.gif) no-repeat left top;
}
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Anche per me è regolare!!
 
Discussioni simili
Autore Titolo Forum Risposte Data
L mettere un simbolo per capire se è un sottomenu jQuery 2
M sottomenu all hover su voce contattaci jQuery 2
O Problema Sottomenu HTML e CSS 2
asevenx Gestire posizionamento voci sottomenu che si nascondono HTML e CSS 1
D mostrare nascondere sottomenu Javascript 1
M sottomenu stessa altezza di menu con voce attiva evidenziata Javascript 3
P Effetto a:hover sempre attivo solo se si và su una voce del sottomenu HTML e CSS 1
E [Menu JQuery]: problema click quando il sottomenu si apre sopra un iframe... jQuery 0
S Perchè i sottomenu non si vedono? HTML e CSS 3
M Aggiungere sei sottomenu ad un menu mootools Javascript 0
S Menu e sottomenu client side senza reload della pagina Javascript 1
T problemi con dati menu a tendina HTML e CSS 2
A menu a tendina php PHP 1
G Menù a tendina di ricerca con query PHP 1
M Creazione menu a tendina Javascript 3
G creazione menu a tendina e invio a pagina php PHP 1
R abilitare menu a tendina tramite relativa chekbox PHP 17
M Stringa con spazi nel menù a tendina PHP 4
A Menù a tendina collegato a database PHP 13
M Inviare variabili da menu a tendina a pagina php con post PHP 6
M [PHP] Creare un menu a tendina con pdo PHP 18
K [ASP.Net] Realizzazione menu a tendina dipendenti ASP.NET 1
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
M [PHP] Menu a tendina dinamico che non si aggiorna PHP 2
U [PHP] Selezione con menu a tendina e recupero selezione PHP 5
S [PHP] menù a tendina che stampi voce scelta in precedenza PHP 1
V [PHP] Menu a tendina con popolamento dati da un db PHP 6
V [PHP] Form con elenco a tendina con dati DB PHP 20
O Drop menu o menu a tendina HTML e CSS 5
F Apertura tendina onclick jQuery 1
A menù a tendina aiuto PHP 1
M Menù a tendina editabile HTML e CSS 0
P problema con tendina del menù, scompare sotto i contenuti HTML e CSS 7
M Popolare menu a tendina in EDIT PHP 18
B Creare menu a tendina su image map HTML e CSS 1
M Cambiare valore ad un campo in base alla selezione fatta nel menu a tendina PHP 16
V Menu a tendina non funziona on line Javascript 2
F Menù a tendina Joomla 4
Carlito's Menu con tendina a comparsa al mouseover HTML e CSS 1
I bottone a tendina HTML e CSS 2
asevenx menu a tendina multilivello solo con css HTML e CSS 1
N menu a tendina regione provincia e comune MySQL 4
J Menu a tendina con bootstrap 3 HTML e CSS 3
A Menu orizzontale con tendina orizzontale HTML e CSS 10
C Problemi a creare menu a tendina (discesa) Javascript 2
F popolare tendina con dati tabella PHP 4
xone Ordinare tramite menù a tendina i risultati di una query già stampati MySQL 0
I richiamare dati da menu a tendina mysql PHP 2

Discussioni simili