Problème avec mon menu déroulant

Résolu/Fermé
Madfiayu Messages postés 5 Date d'inscription vendredi 12 octobre 2012 Statut Membre Dernière intervention 12 janvier 2015 - 6 mars 2013 à 16:13
Madfiayu Messages postés 5 Date d'inscription vendredi 12 octobre 2012 Statut Membre Dernière intervention 12 janvier 2015 - 11 mars 2013 à 07:57
Bonjour,

je suis en train de créer un site sur Wordpress et je rencontre un problème avec mon menu déroulant :
en effet au passage de la souris, les sous-menus déroulent mais avant que j'ai le temps de mettre ma souris sur eux, ils se referment ne me donnant pas la possibilité de cliquer.

J'ai essayé de toucher un peu au css (marges, hauteur...) mais cela n'a pas marché. J'aimerais donc avoir votre aide, voici le css relatif au menu :

.nav {
	width:940px;
	height:24px;
	margin:0 auto;
	margin-bottom:50px;
	font-size:24px;
	line-height:24px;
	font-family: 'Finger Paint', cursive;
}

.nav ul {
	position: relative;
	z-index:597;
	list-style:none;
	margin:20px 0;
}

.nav ul li {
	float:left;
	height:34px;
	margin:0;
	margin-right:36px;
	vertical-align:middle;
}

.nav ul li.hover,
.nav ul li:hover {
	position:relative;
	cursor:default;
}

.nav ul ul {
	visibility:hidden;
	position:relative;
	left:-10px;
	min-width:150px;
	margin-bottom:5px;
	background:#FFF;
	border-top:#CCC 1px dotted;
	font-size:18px;
	opacity: 0.9;
}

.nav ul ul li {
	float:none;
	min-height:34px;
	height:auto !important
	margin:0;
	padding:0 10px;
	border-bottom:#CCC 1px dotted;
}

.nav ul ul ul {
	bottom:10px;
	left:99%;
}

.nav ul ul ul {
}

.nav ul li:hover > ul {
	visibility:visible; 
}

.nav ul li a {
	display:inline-block;
	padding:5px 0;
	color:#252525;
	text-decoration:none;
}


Merci pour votre aide et si vous avez besoin d'informations supplémentaires, n'hésitez pas à me les demander (je n'ai toutefois pas le droit de vous fournir le lien vers le site).

Madfiayu

A voir également:

1 réponse

jjaco Messages postés 530 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 2 juin 2024 45
8 mars 2013 à 11:06
.nav ul ul li {
float:none;
min-height:34px;
height:auto !important
margin:0;
padding:0 10px;
border-bottom:#CCC 1px dotted;
}
je reprend ton code c'est quoi ça?:
height:auto !important
Et il n'y a pas de ;
0
Madfiayu Messages postés 5 Date d'inscription vendredi 12 octobre 2012 Statut Membre Dernière intervention 12 janvier 2015
11 mars 2013 à 07:57
Merci beaucoup d'avoir pris la peine de regarder :) !

Même avec les ";" cela n'a pas réglé le problème toutefois j'ai fini par trouver une solution au problème en plaçant un "bottom: 50%" dans ".nav ul {"
0