IE décidément

Bonjour à tous,
voilà, j'ai un problème, je crée actuellement un site et le problème c'est que je n'ai pas le même résultat sous IE et Firefox. Mes h1 et mes puces sont sensés changer d'apparence au passage de la souris. Sous FF çà fonctionne à merveille... seulement sous IE, rien ne fonctionne. Ma feuille de style:

#tout{
color:#ffffff;
padding:5px;
border-style:dashed;
border-width:1px;
border-color:blue;
}
.edit{
font-family:courier new, courier, serif, ms serif;
font-size:100%;
}
.no{
border-style:none;
}
#imageforo{
float:left;
}
#imagelivre{
float:right;
}
h1:hover{
color:blue;
font-family:arial,sans serif;
}
#barre{
height:30px;
color:#000000;
border-style:dashed;
border-color:blue;
border-width:1px;
margin-bottom:5px;
}
img{
border-width:1px;
border-color:blue;
border-style:dashed;
}
#contenu{
color:#ffffff;
padding:7px;
border-style:dashed;
border-width:1px;
border-color:blue;
margin-bottom:5px;
margin-left:220px;
width:600px;
background-color:#000000;
}
#foot{
text-align:center;
color:#ffffff;
border-style:dashed;
border-width:1px;
border-color:blue;
margin-top:5px;
padding:0px;
margin-left:220px;
}
#navigation{
float:left;
border-style:dashed;
border-width:1px;
border-color:blue;
margin-bottom:5px;
}
#menu{
color:#ffffff;
float:left;
border-style:dashed;
border-width:1px;
border-color:blue;
margin-bottom:5px;
padding:10px;
}
#entete{
background-image: url("banniere.jpeg");
width:670px;
height:126px;
border-style:dashed;
border-width:1px;
border-color:blue;
margin-bottom:5px;
margin-left:80px;
}
body{
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:grey;
scrollbar-darkshadow-color:#ffffff;
scollbar-face-color:#000033;
scrollbar-highlight-color:#grey;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#000000;
margin-left:60px;
background-color:#000000;
font-family:'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
}
table{
border-style:dashed;
border-color:blue;
border-width:1px;
color:#ffffff;
}
td{
border-style:dashed;
border-color:blue;
border-width:1px;
color:#ffffff;
padding:4px;
}
a:link{
text-decoration:none;
color:orange;
}
a:visited{
text-decoration:none;
color:orange;
}
h1{
color:#006699;
font-family: MS serif , New York;
}
li{
color:#00cc00;
}
li:hover{
color:#ffffff;
}

Merci d'avance pour vos réponses

UMLAUT

4 août 2006 à 14:23:32

rmuffat

4 août 2006 à 14:51:14

Ben pour ta liste à puces, je vois pas bien pourquoi ca marche pas, mais pour ton H1, y a pas de classe h1:hover c'est normal.

Et au passage dans ton h1, t'as pas mis en apostrophes le New York;

4 août 2006 à 15:04:44

h1:hover fonctionne en tout cas sous FF. Même si çà n'existe pas.

GreenPinguin

4 août 2006 à 15:27:07

Je dis peut etre une bêtise (si quelqu'un peu confirmer), mais il me semble que sous IE, hover ne fonctionne que sur les liens.

4 août 2006 à 19:23:43

J'ai mis des onmouseover et des onmouseout (js), ça fonctionne bien mais comment faire pour dire qu'on doit faire ça que sous IE???????¿¿¿¿¿¿¿
Mon code:

<li onmouseover="this.style.color='white';" onmouseout="this.style.color='green';"><a href="index.php">Accueil</a></li>

problème avec ma feuille de style

IE décidément

Supprimer

Modérer

Signaler le message aux modérateurs