menu a tendina

[guido_ray]

Qualcuno sa dirmi come posso far "passare" il menu a tendina sopra al div che si trova di sotto?


GRAZIE IN ANTICIPO

[webbeloz]

z-index:0;

al div sotto... e aumenta pure lo z-index anche a 999 per quello sopra.

[guido_ray]

sto provando in tutti i modi ma non mi funziona... provo a postarti il codice quasi sicuramente è lì il problema

body{
	width:960px;
	color:#666;
	font-family:Verdana, Geneva, sana-serif;
	font-size:12px;
	margin: 0 auto;
	background-color: lightblue;

}

* {
margin:0;

padding:0;

}


#containter {
	width:960px;
	margin:0 auto 0 auto;
	background-color: white;

}


#header {

	width:960px;
	height:230px;
	background-color:#5893D3;
	position: relative;


}


#nav {
	
	width:940px;
	background-color:#1452C5;
	height: 30px;
	padding: 10px;
	float: left;
	

}

#nav ul li {
	float:left;
	margin-right:10px;
	font-family: georgia;
	font-size: 18px;
	text-align:center;
	width:130px;
	height:40px;
	list-style-type:none;

	
}

#nav a:link, #nav a:visited {

	color:#fff;
	text-decoration:none;

	
}

#nav a:hover {

	color:#5893D3;
	text-decoration:none;
	
}

ul#menu li {

	float:left;
	margin-right:5px;
	z-index:1000;

}

ul#menu li a {

	display:block; 
	color:#333; 
	background:#ccc; 
	text-decoration:nome;
	padding: 5px 20px;
	z-index:1000;

}


ul#menu a:hover {

	
	color:#fff; 
	background:#f00;

	
	
}

ul#menu li ul {

	display:none;
	z-index:100;
}

ul#menu li:hover ul {

	display:block;
z-index:1000;
	
}

ul#menu li ul li {

	float:none;
	
}

ul#menu li ul li a{

	padding-left:30px;

}

#right	{
	
	float: right;
	width:750px;
	height: 520px;
	padding: 20px 20px 20px 20px;
	background-color: white;
	
	z-index:-1;
	
}

#left {

	float:left;
	width:150px;
	padding: 10px;
	height: 540px;
	background-color:white;
	z-index:-1;

}

#footer {
	background-color:#000;
	color:#fff;
	border-top:5px solid #5693D3;
	text-align: center;
	padding:10px 0;
	width: 960px;
	clear:both;

	
}

h1, h2, h3 {

	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	color:#5893D3;
	font-weight: nomal;
	font-size:24px;
}

[guido_ray]

anche con 0 al posto di -1 non funziona

[webbeloz]

presumo il menu sia: #menu{}
quando si aggiunge z-index: ricorda che devi anche dare position:

quindi:

#menu{position:relative;z-index:999;}

[guido_ray]

funzionaaaa!!!!!!! grazie c'è solo un piccolo inconveniente... I bottoni rimangono separati mentre io vorrei che rimanessero attaccati

[webbeloz]

hehe... cmq
ora gioca le carte sul tavolo, metti il link di stò benedetto menù cosi che anche altri possano intervenire... anche xchè io sono solo di passaggio. Se lo fai rapido posso aiutarti ancora.

[guido_ray]

sono riuscito fortunatamente ora mi devo "dedicare" all'estetica di sto menù perchè con i rettangoli così fa leggermente ribrezzo..

[webbeloz]

molto bene! ok. allora risparmiaci di vederlo per ora...

Buone Feste e vai di CSS.
allaProx.