Affichage css
Résolu
Bonjour,
J'ai un petit menu simple en css dont voici le code ;
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#accueil a{
background-image:url(images/accueil1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#accueil a:hover{
background-image:url(images/accueil2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#acquereur a{
background-image:url(images/acquereur1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#acquereur a:hover{
background-image:url(images/acquereur2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#vendeur a{
background-image:url(images/vendeur1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#vendeur a:hover{
background-image:url(images/vendeur2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#offres a{
background-image:url(images/offres1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#offres a:hover{
background-image:url(images/offres2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#contact a{
background-image:url(images/contact1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#contact a:hover{
background-image:url(images/contact2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
--></style>
</head>
<body>
<table width="200" border="0">
<tr>
<td><ul id="accueil" ><a id="accueil" href="index.php?main=accueil.php"></a></ul></td>
<td><ul id="acquereur"><a href="index.php?main=acquereur.php"></a></ul></td>
<td><ul id="vendeur"><a href="index.php?main=vendeur.php"></a></ul></td>
<td><ul id="offres"><a href="index.php?main=offres.php"></a></ul></td>
<td><ul id="contact"><a href="index.php?main=contact.php"></a></ul></td>
</tr>
</table>
</body>
Alors ce menu s'affiche nikel sous firefox, avec des decalages sous opera et...PAS DU TOUT SUR IE!!!!
sachant que ie c 95% d gens ca pose un gro souci
Quelqu'un a une idee?
Merci d'avance pour vos reponses
J'ai un petit menu simple en css dont voici le code ;
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#accueil a{
background-image:url(images/accueil1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#accueil a:hover{
background-image:url(images/accueil2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#acquereur a{
background-image:url(images/acquereur1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#acquereur a:hover{
background-image:url(images/acquereur2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#vendeur a{
background-image:url(images/vendeur1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#vendeur a:hover{
background-image:url(images/vendeur2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#offres a{
background-image:url(images/offres1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#offres a:hover{
background-image:url(images/offres2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#contact a{
background-image:url(images/contact1.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
#contact a:hover{
background-image:url(images/contact2.jpg);
text-decoration:none;
padding-left:120px;
padding-bottom:20px;
}
--></style>
</head>
<body>
<table width="200" border="0">
<tr>
<td><ul id="accueil" ><a id="accueil" href="index.php?main=accueil.php"></a></ul></td>
<td><ul id="acquereur"><a href="index.php?main=acquereur.php"></a></ul></td>
<td><ul id="vendeur"><a href="index.php?main=vendeur.php"></a></ul></td>
<td><ul id="offres"><a href="index.php?main=offres.php"></a></ul></td>
<td><ul id="contact"><a href="index.php?main=contact.php"></a></ul></td>
</tr>
</table>
</body>
Alors ce menu s'affiche nikel sous firefox, avec des decalages sous opera et...PAS DU TOUT SUR IE!!!!
sachant que ie c 95% d gens ca pose un gro souci
Quelqu'un a une idee?
Merci d'avance pour vos reponses
Configuration: Windows XP Opera 9.62
5 réponses
-
c e serait plus facile si tu envoyais le lien
-
j avoue le code est chiant a lire :D surtout sans apercu :)
-
lol ok le lien est :
http://www.cp2a.com/ei
merci pour la rapidité d'intervention ça fait toujours plaisir sur les forums -
j ai vire le ul id=xxxx qui pour moi ne sert à rien
ça fonctionne toujours sur FF mais toujours pas sur IE
c est vraiment de la daube
je te tiens au courant si je trouve qqchose
-
ok merci
