Probleme avec mon menu deroulant sous IE

gaya_102 -  
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
voila mon menu fonctionne très bien mais il ya des décalages dans mes sous menus sous IE.

http://julienetemeline.free.fr/toffe.php

/**********************************************************
				STYLES GENERAUX
**********************************************************/
 
img { 
	border: 0; 
	display: block; 
}
 
#logo { 
	float: left;
}
 
 
/***********************************************************
					MENU HORIZONTAL
**********************************************************/
 
#menuHorizon {
	margin-left: 90px;
	padding: 0;
	margin: 0;

}
 
#menuHorizon li {
	position: relative;
	float: left; /* mes les boutons sur la gauche*/
	list-style: none;
	font-family: times, Helvetica, sans-serif;
	text-decoration: none;
}
 
 
#menuHorizon li a { /* sous menu of*/
	display: block;
	line-height: 25px;/* hauteur de chaques boutons des sous menus*/
	text-decoration: none;
	color: green;/* couleur de la police*/
	width:100%;
}
 
#menuHorizon li a:hover{ /* sous menu on*/
	background-color: black;/* couleur du fond du sous menu en on*/
	color: pink; /* couleur de la police sous menu en on*/
} 
 
#menuHorizon li ul {
	position: absolute;
	display: none;
	left: 0; /* deplace les sous menu vers la droite*/
	padding: 0;/* marge a l'interieur des sous menus vers les bord*/
	margin: 0;
	border: 1px solid #000;
	background: #fff; /* indiqueras une couleur de fond blanche */

}
 
#menuHorizon li:hover > ul {
	display: block;
}
 
#menuHorizon li ul li {
	float: none;
	width: 170px;/* largeur des sous menu*/
	border:0px solid #000; /* créeras une bordure noir de 1 px tout autour de chaque lien */

}
 
#menuHorizon li ul li a {
width:auto;
	padding: 0 5px; /* hauteur et largeur de l'ensemble de sous menu*/
	border:1px solid #000; /* créeras une bordure noir de 1 px tout autour de chaque lien */

}
A voir également:

3 réponses

ganoch Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
Salut a toi !
Je ne suis pas un pro mais je pense que tu devrai te servir de ce tuto:
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3#ss_part_1

Plus bas il explique comment faire ce que tu cherche !!
Bon courage !!
0
gaya_102
 
merci du conseil
0
ganoch Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
Et si tu veu eviter de faire du travail pour rien passe en xhtml strict !

http://validator.w3.org/check?uri=http%3A%2F%2Fjulienetemeline.free.fr%2Ftoffe.php&charset=(detect+automatically)&doctype=Inline&group=0&accept=text%2Fhtml%2Capplication%2Fxhtml%2Bxml%2Capplication%2Fxml%3Bq%3D0.9%2C*%2F*%3Bq%3D0.8&accept-language=fr%2Cfr-fr%3Bq%3D0.8%2Cen-us%3Bq%3D0.5%2Cen%3Bq%3D0.3&accept-charset=ISO-8859-1%2Cutf-8%3Bq%3D0.7%2C*%3Bq%3D0.7&user-agent=W3C_Validator%2F1.654

et tu vera qu'avec les balises que tu trouvera en strict ton boulot sera plus propre !
le principe est de séparer le contenu javascript/css du contenu xhtml !
Tu peu t'aider avec ça aussi :
https://www.alsacreations.com/actu/lire/425-que-prendrez-vous-au-menu.html
0
gaya_102
 
je sais qu'il faut que j'enleve tout mes java script de mes pages. Mais j'ai des problemes a réglé avant. Pour le moment je sais que mon javascript marche alors pour le moment je le laisse comme ca. lol

Je vais aller voir le lien que tu me donnes
0
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   405
 
moi j'ai un code tout en csss qui marche ave"c ie 6 et tous les navigateur fais après pour ce que ça intéresse
voici l'exemple
http://bormat2.free.fr/20090402114558/
0