Probleme avec mon menu deroulant sous IE
gaya_102
-
math 2000 Messages postés 2605 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Probleme avec mon menu deroulant sous IE
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Excel
- Canon quick menu - Télécharger - Utilitaires
3 réponses
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 !!
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 !!
gaya_102
merci du conseil
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
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
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/
voici l'exemple
http://bormat2.free.fr/20090402114558/