Problema Menù a cascata complesso

Italian

Nuovo Utente
18 Nov 2011
13
0
0
Ho un problema con un menù a cascata

simile a questo http://www.css-zibaldone.com/appunti/2007/esempi/layout/navigazione/dropdown-flyout-1.html

il mio problema è che quando passo col mouse sul LINK mi si apre la 1° tendina e sotto anche la 2° e se mi poliziono sul Link =>, quello che prima era sotto ora si sposta lateralmente (dove deve stare). Come faccio a non farlo visualizzare sotto la 1° tendina?

Il Codice CSS
HTML:
#menu {
margin: 0;
padding: 0;
height: 2em;
border-width: 0 0 1px 0;
border-style: solid;
}

#menu li {
margin: 0;
padding: 0;
float: left;
height: 2em;
width: 10em;
display: inline;
list-style-type: none;
position: relative;
line-height: 2em;
}

#menu li a:link,
#menu li a:visited {
margin: 0;
padding: 0;
text-decoration: none;
color: #000;
background: transparent;
float: left;
width: 10em;
text-align: center;
font-weight: bold;
}
#menu li a:hover {
background: transparent; 
color: #c00;
}

#menu li ul,
#menu li ul li.apri ul 
{
display: none;
margin: 0;
padding: 0;
background: green;
color: #000;
border: 1px solid;
width: 10em;
}

#menu li ul li 
{
list-style: none;
margin-left: 0;
padding-left: 0;
border-bottom: 1px solid;
}

#menu li ul li a:link,
#menu li ul li a:hover 
{
display: block;
margin: 0;
padding: 0;
text-align: center;
background: transparent;
color: #000;
width: 10em;
font-weight: bold;
}

#menu li ul li a:hover 
{
background: #fff;
color: #c00;
}

#menu li:hover ul 
{
display: block;
position: absolute;
top: 2em;
left: 0;
}

#menu li.apri:hover ul 
{
display: block;
position: absolute;
top: 0;
left: 10em;
}

#menu li ul li.apri a.link 
{
background-repeat:  no-repeat;
background-position:  98% 50%;
}
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi postare anche il codice HTML ?

per vedere come lo hai strutturato
 

Italian

Nuovo Utente
18 Nov 2011
13
0
0
Ciao, puoi postare anche il codice HTML ?

per vedere come lo hai strutturato


HTML:
<ul id="menu">
		<li>
		<a href="#"><strong>Home</strong></a>
		</li>
		<li>
    		<a href="#"><strong>Link 1</strong></a>
    		<ul>
        <li><a href="#corx">Link 1.1</a></li>
        <li><a href="#">Link 1.2</a></li>
        <li><a href="#">Link 1.3</a></li>
        <li class="apri"><a class="link" href="#">Link 1.4 &#9658</a>
		<ul>  
		<li><a href="#">Link 1.4.1</a></li>
		<li><a href="#">Link 1.4.2</a></li>
		</ul>
	</li>
		</ul>
		</li>
	<li>
    	<a href="#"><strong>Link 2</strong></a>
    	<ul>
        <li><a href="#">Link 2.1</a></li>
        <li><a href="#">Link 2.2</a></li>
    	</ul>
	</li>
</ul>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Con explorer non funziona, mi sa che prima che sistemare questo

cmq non sono riuscito a capire cosa vorresti fare. Potresti rispiegarti?
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Problema hover voce di menù Javascript 2
P problema con tendina del menù, scompare sotto i contenuti HTML e CSS 7
LuigiDonato Problema Visualizzazione Menù HTML e CSS 17
andreaco Problema menù a scomparsa laterale HTML e CSS 10
Antares82 Problema menù a tendine PHP 6
B Problema con menù a tendina HTML e CSS 4
S problema menù espandibile Javascript 1
C Problema menù HTML e CSS 6
L problema con menù css HTML e CSS 1
E problema link nel menù XML 0
SilentMohai Problema di visualizzazione menù Javascript con InternetExplorer Javascript 0
P Problema con un menù a tendina PHP 7
M problema menù orizzonatale JS internet explorer Javascript 41
M [HTML/JAVASCRIPT] Problema Blocco Menù HTML e CSS 0
F Piccolo Problema menù espandibile toogle Javascript 6
G problema con menù e pulsanti flash Flash 0
P Problema: menù a tendina Javascript 1
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 0
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
Daniele_Carrara Problema Aperture Mailup Email Marketing 5
F PROBLEMA ACCESSO INSTAGRAM Discussioni Varie 2
R Problema connessione db PHP 7
M problema if PHP 2
G Problema con Get page PHP 4
N Problema passaggio variabili tra pagine PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
H problema carrello woocommerce PHP 2

Discussioni simili