Bonjour à tous.
C'est mon premier message sur alsacreations, j'espère ne pas me tromper de salon
.
J'ai déja créé quelques sites web, et je suis un adepte des sites au design très fini (certains disent rigide), et comme beaucoup on m'a appris html par la voix des tableaux.
En bon repenti, j'ai décidé de profiter d'un projet pour lequel j'ai du temps devant moi pour me mettre au css, aux divs bref aux sites bien conçus.
Et au passage, j'essaie de me passer du javasript, d'où mon intéret pour le tutorial d'un rollover en css et qui plus est avec une seule image...
Seulement voilà : sous IE, pas de rollover, que nenni
voici la section du menu :
et le css :
Je n'ai laissé qu'un menu, mais les autres ont bien sûr la même strcture...
Je tiens à prévenir que j'ai découvert l'agencement des divs et la grande majorité des attributs css i y a deux heures, merci de votre indulgence.
Le problème est, je le rappelle, qu'IE refuse catégoriquement de me faire le rollover...
Merci d'avance pour votre aide
Modifié par Freedom_09 (22 Mar 2006 - 22:41)
C'est mon premier message sur alsacreations, j'espère ne pas me tromper de salon
.J'ai déja créé quelques sites web, et je suis un adepte des sites au design très fini (certains disent rigide), et comme beaucoup on m'a appris html par la voix des tableaux.
En bon repenti, j'ai décidé de profiter d'un projet pour lequel j'ai du temps devant moi pour me mettre au css, aux divs bref aux sites bien conçus.
Et au passage, j'essaie de me passer du javasript, d'où mon intéret pour le tutorial d'un rollover en css et qui plus est avec une seule image...
Seulement voilà : sous IE, pas de rollover, que nenni
voici la section du menu :
<div id=menu>
<div id="menu_h"> </div>
<a href="index.php?page=moulin" target="_self"><img src="images/menu1.jpg" alt="Notre Moulin" border="0" /><div id="menu_1"> </div></a>
</div>et le css :
/*Divs du menu*/
#menu{
position:relative;
float:left;
width:200px;
height:570px;
}
#menu_h{
background-image:url(../images/menuh.jpg);
height:185px;
width:200px;
}
#menu_1,#menu_2,#menu_3,#menu_4,#menu_5,#menu_6{
height:41px;
width:200px;
text-align:right;
}
/*Images et rollover de chaque menu*/
#menu_1 {
background: url(../images/menu1.jpg) no-repeat 0 0 ;
overflow:hidden;
}
#menu_1:hover{
background: url(../images/menu1.jpg) no-repeat 0 -41px ;
}Je n'ai laissé qu'un menu, mais les autres ont bien sûr la même strcture...
Je tiens à prévenir que j'ai découvert l'agencement des divs et la grande majorité des attributs css i y a deux heures, merci de votre indulgence.
Le problème est, je le rappelle, qu'IE refuse catégoriquement de me faire le rollover...
Merci d'avance pour votre aide
Modifié par Freedom_09 (22 Mar 2006 - 22:41)
