CSS: probleme menu horizontal avec ie7 :(
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour :( alors voila mon problème (déjà que je suis malade) j'ai créé un menu en CSS il marche très bien avec firefox et ie8 mais pas avec ie7 voila ce que sa donne : https://www.casimages.com/i/091117105411713095.png.html
et voici mon code :
et voici mon code :
#menu
{
position:absolute;
top:130px;
background-image:url(../images/xarsoft_menu.png);
/height:27px;
}
ul
{
padding:0;
margin:0;
list-style-type:none;
width:100%;
border-bottom:#000 1px solid;
}
ul li a
{
display:block;
line-height:20px;
float:left;
width:25%;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-top:6px;
text-decoration:none;
font-weight:bold;
color:#FFF;
background-image:url(../images/xarsoft_menu.png)
}
ul li a:hover
{
background-image:url(../images/xarsoft_menu-hover.png);
background-color:#ef8c09;
color:#000;
A voir également:
- CSS: probleme menu horizontal avec ie7 :(
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
12 réponses
Salut,
Je ne fais que debuter dans le css mais, a mon humble avis , cela vient du "/" avant le "height" de menu...
Je ne fais que debuter dans le css mais, a mon humble avis , cela vient du "/" avant le "height" de menu...
non non justement cela est fait exprès le "/" permet d'indiquer que cette propriété est juste pour ie6 et ie 7 sinon sa m'affiche un gros patté ^^
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut Maxime, j'ai eu le même problème que toi y a peine deux jours, moi sur mon IE8 le menu horizontale était décalé:
http://peexstudio.fr/fr/accueil.html
Enfaite il suffisait simplement d'appuyer sur le petit bouton à droite de la fenêtre de recherche (http://...).
Celui-ci active/désactive l'affichage de la compatibilité.
Essaye de jouer avec voir si il y a du changement?
Tu peux aussi insérer une ligne de code pour forcer le mode IE8 il me semble:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Voila c'est pas très clair, mais moi sa m'a aidé.
Bye
http://peexstudio.fr/fr/accueil.html
Enfaite il suffisait simplement d'appuyer sur le petit bouton à droite de la fenêtre de recherche (http://...).
Celui-ci active/désactive l'affichage de la compatibilité.
Essaye de jouer avec voir si il y a du changement?
Tu peux aussi insérer une ligne de code pour forcer le mode IE8 il me semble:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Voila c'est pas très clair, mais moi sa m'a aidé.
Bye
Dr, et je serrais moi même intéréssé de savoir si mon propre site s'affiche correctement sous ie7, donc si ce n'est pas le cas je suivrais de prêt les réponses de ta question ^^"
Ça renifle le haslayout... Solution :
https://www.alsacreations.com/article/lire/76-haslayout-internet-explorer.html
https://www.alsacreations.com/article/lire/76-haslayout-internet-explorer.html
va sur mon profil mais c'est bon j'ai réglé le problème avec le code suivant :
li
{
/float:left;
/width:auto;
}
ul li a
{
display:block;
line-height:20px;
float:left;
width:25%;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-top:6px;
text-decoration:none;
font-weight:bold;
color:#FFF;
background-image:url(../images/xarsoft_menu.png);
/width:auto;
/margin-left:10px;
}
