Menu avec sous menu

Fermé
emsaiz Messages postés 51 Date d'inscription mardi 2 novembre 2010 Statut Membre Dernière intervention 12 mars 2012 - 30 mai 2011 à 07:29
Aquall Messages postés 36 Date d'inscription mardi 31 mai 2011 Statut Membre Dernière intervention 1 mars 2012 - 1 juin 2011 à 10:16
Bonjour,
je voudrais déplacer mon menu et sous menu a 250px du haut, donc
padding-top:250px;

mais voila j'ai un petit probleme quand je le fais le le bouton qui affiche le sous menu se coince et je peut plus appuyer sur le bouton lui meme mais que sur les sous menu.
Voila mon code, si vous avez une solution, ou pour me dire ou placer mes padding-top:; , ou pour mettre une autre ligne qui englobe le menu et sous menu pour le decaler, merci d'avance:

/* Le menu */

.nav {

height:35px; 
background: url(dossier/images/images_menu/bg.gif) repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:95%; 
z-index:100;
margin:0;
padding:0;
background:transparent; /*couleur menu background*/
padding-top:250px;

}

.nav .table {
display:table; 
margin:0 auto;

}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;

}

.nav li {
margin:0; 
padding:; 
height:auto; 
float:left;

}

.nav .select a {
display:block; 
height:35px; 
float:left; 
font-weight:bold;
background: url(dossier/images/images_menu/bg.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#2b3238;
background:transparent; /*couleur menu background*/
}


.nav .select a:hover, 
.nav .select li:hover a {
 background: url(dossier/images/images_menu/hover.gif);
padding:0 0 0 15px; 
cursor:pointer; 
color:#2b3238;
background:transparent; /*couleur menu background*/
}

.nav .select a b{
	font-weight:bold;
	}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(dossier/images/images_menu/hover.gif) right top; 
cursor:pointer;
background:transparent;/*couleur menu background*/
color:#FF0000;/*couleur lien menu on*/

}

.nav .select_sub {
display:none;
padding-top:250px; /*padding-top pour sub menu*/
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;

}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;

}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#2b3238;

}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%; 
top:35px; 
background:url(dossier/images/images_menu/back.gif); 
padding:; 
z-index:100; 
left:0; 
text-align:center;
background:transparent;/*couleur sub menu background*/


}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent;
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#2b3238;/*couleur lien sub menu off*/

}

.nav .current .sub li.sub_show a {
color:#2b3238; 
cursor:default; 

}

.nav .select .sub li a {
	font-weight:normal;
	padding-top:250px;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#ff0000; /*couleur sub menu on*/

}
.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:center;}
.nav .select a:hover b, 
.nav .select li:hover a b {float:none;} 




A voir également:

1 réponse

Aquall Messages postés 36 Date d'inscription mardi 31 mai 2011 Statut Membre Dernière intervention 1 mars 2012 2
1 juin 2011 à 10:16
Il existe un validateur de CSS :

http://jigsaw.w3.org/css-validator/

Sinon désolé mais je ne vois pas. Si même avec le validateur tu ne comprends pas les érreurs je pourrais mieux t'aider avec ça. ;)
0