Menu avec hover ne ftcionne pas sous IE
dragazor
Messages postés
56
Statut
Membre
-
dragazor Messages postés 56 Statut Membre -
dragazor Messages postés 56 Statut Membre -
Salut a tous,
j'ai créé un menu mais il ne fonctionne pas sous IE alors que sous firefox c'est impec. J'aimerais savoir si vous pouviez m'aider a résoudre ce pb, je vous mets le code et le css.
code:
et le css:
Je vous remercie d'avance.
j'ai créé un menu mais il ne fonctionne pas sous IE alors que sous firefox c'est impec. J'aimerais savoir si vous pouviez m'aider a résoudre ce pb, je vous mets le code et le css.
code:
<div id="menu" style="width:1024px;">
<ul style="margin:0; padding:0;">
<li>
<a id="accueil" href="?page=accueil"></a>
</li>
<li>
<a id="recup" href="?page=recup"></a>
</li>
<li>
<a id="session" href="?page=session"></a>
</li>
<li>
<a id="formation" href="?page=formation"></a>
</li>
<li>
<a id="contact" href="?page=contact"></a>
</li>
<li>
<a id="lien" href="?page=lien"></a>
</li>
</ul>
</div>
<div id="translation" align="center">
<img src="menu/translation.png" />
</div>
<div id="page" align="center" style="background-color:#FFF; width:1024px;">
<?php
if (isset($_GET['page'])){
$page=$_GET['page'];
}
else {
$page='accueil';
}
switch ($page)
{
case "accueil":
include("accueil/accueil.php");
break;
case "recup":
include("recup/recup.php");
break;
case "session":
include("session/session.php");
break;
case "formation":
include("formation/formation.php");
break;
case "contact":
include("contact/contact.php");
break;
case "lien":
include("lien/lien.php");
break;
default:
include("accueil/accueil.php");
break;
}
?>
</div>
et le css:
@charset "utf-8";
/* CSS Document */
#menu a{
border:none;
margin:0;
padding:0;
display:block;
}
#menu img{
border:none;
margin:0;
padding:0;
}
#menu li{
margin:0;
padding:0;
list-style:none;
float:left;
}
a#accueil{
background-image:url(menu/accueil.png);
height:50px;
width:170px;
}
a#accueil:hover{
background-image:url(menu/accueil_hover.png);
height:50px;
width:170px;
}
a#recup{
background-image:url(menu/recup.png);
height:50px;
width:170px;
}
a#recup:hover{
background-image:url(menu/recup_hover.png);
height:50px;
width:170px;
}
a#session{
background-image:url(menu/session.png);
height:50px;
width:170px;
}
a#session:hover{
background-image:url(menu/session_hover.png);
height:50px;
width:170px;
}
a#formation{
background-image:url(menu/formation.png);
height:50px;
width:170px;
}
a#formation:hover{
background-image:url(menu/formation_hover.png);
height:50px;
width:170px;
}
a#contact{
background-image:url(menu/contact.png);
height:50px;
width:170px;
}
a#contact:hover{
background-image:url(menu/contact_hover.png);
height:50px;
width:170px;
}
a#lien{
background-image:url(menu/lien.png);
height:50px;
width:174px;
}
a#lien:hover{
background-image:url(menu/lien_hover.png);
height:50px;
width:174px;
}
Je vous remercie d'avance.
A voir également:
- Menu avec hover ne ftcionne pas sous IE
- Menu déroulant excel - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Canon quick menu - Télécharger - Utilitaires
- Menu caché tv philips hotel - Forum TV & Vidéo
- Menu demarrer ne s'affiche pas - Guide
3 réponses
J'ai pas lu ton code, mais sache simplement qu'un lien en hover ne marche pas bien avec IE6 et à partir de la 7, y a tjs des petits bugs dans certains cas, ton problème n'est peut être pas possible à résoudre.
Après, j'ai pas regardé, hein peut être que quelqu'un pourra te le résoudre, en tout cas je te le souhaite :)
Après, j'ai pas regardé, hein peut être que quelqu'un pourra te le résoudre, en tout cas je te le souhaite :)
Ok merci quand même, mais jtiens à préciser quand même que j'ai Internet Explorer 8. Dc voila, si quelqu'un peut m'aider.