Menu avec sous menu

emsaiz Messages postés 51 Date d'inscription   Statut Membre Dernière intervention   -  
Aquall Messages postés 36 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   2
 
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