Salut !
C'est encore moi
J'ai un problème, j'ai "combotté" 2 tutos d'alsacreation, le rollover en CSS + image map CSS, ce qui donne :
http://atmocorp.free.fr
Mon problème, c'est que mon image map est callée nickel sous FF, se décale sur la droite sur IEmac (est-ce le fameux bug des 3 pixels ou autres chose ?), et se décale vers le bas sur Safari
Je n'ai pas IE pc alors je sais pas quel bug il va me proposer !
Voila 3 screenshots de ma bannière :
FF (donc callée) :
http://img301.imageshack.us/my.php?image=firefox7dd.jpg
IEmac (décale vers la droite, de plus de 3 pixels j'ai l'impression) :
http://img40.imageshack.us/my.php?image=ie2iw.jpg
Safari (vers le bas) :
http://img43.imageshack.us/my.php?image=safari6de.jpg
Je n'ai pas opéra ni IEpc, je n'ai donc pas testé
Dois-je coder des hacks pour chaque navigateur ?
Est-ce moi qui me suis vautré dans mon code ?
Voila le CSS :
Et le html correspondant :
Merci d'avance pour votre aide
Modifié par Isshin (19 Jan 2006 - 09:58)
C'est encore moi
J'ai un problème, j'ai "combotté" 2 tutos d'alsacreation, le rollover en CSS + image map CSS, ce qui donne :
http://atmocorp.free.fr
Mon problème, c'est que mon image map est callée nickel sous FF, se décale sur la droite sur IEmac (est-ce le fameux bug des 3 pixels ou autres chose ?), et se décale vers le bas sur Safari
Je n'ai pas IE pc alors je sais pas quel bug il va me proposer !
Voila 3 screenshots de ma bannière :
FF (donc callée) :
http://img301.imageshack.us/my.php?image=firefox7dd.jpg
IEmac (décale vers la droite, de plus de 3 pixels j'ai l'impression) :
http://img40.imageshack.us/my.php?image=ie2iw.jpg
Safari (vers le bas) :
http://img43.imageshack.us/my.php?image=safari6de.jpg
Je n'ai pas opéra ni IEpc, je n'ai donc pas testé
Dois-je coder des hacks pour chaque navigateur ?
Est-ce moi qui me suis vautré dans mon code ?
Voila le CSS :
body {
font-family: Verdana, sans-serif;
font-size: 0.8em;
line-height: normal;
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
width: 800px;
background-color: #FFDE8D;
}
#header {
background-image: url(Images/bann.jpg);
background-repeat:no-repeat;
height: 245px;
background-color: blue;
margin: 0;
padding: 0;
font-size: 0px;
}
a.maproll {
position:absolute;
display: block;
width : 216px;
height: 43px;
margin-left: 163px;
margin-top: 196px;
background-image: url(Images/Bas-2.jpg);
background-repeat: no-repeat;
}
a.maproll:hover {
background-image: url(Images/Bas-2-1.jpg);
background-repeat: no-repeat;
}
Et le html correspondant :
<div id="header">
<a class="maproll" href="lientorrent" ></a>
</div>
Merci d'avance pour votre aide
Modifié par Isshin (19 Jan 2006 - 09:58)