Bonjour, j'ai fait une navigation par onglets inclinés composées d'image rollover gif ac transparence of course.
chaque image est dans un div, qui place l'image par rapport à sa voisine, ca donne donc un truc du style :
et dans la nav :
Ca passe impec sous Safari, IE MAC, Firefox, mais évidemment pas sous IE PC.... : /
le bug c'est que la gauche des boutons est apparement "tronquée"... Je suppose que c'est du à l'utilisation de marge négatives, mais je vois pas du tout comment contourner, eradiquer ce bug.
j'ai d'abord pensé à un pb de z-index, puis peut-etre un pb de transparence, mais rien n'y fait. Une info la-dessus.
chaque image est dans un div, qui place l'image par rapport à sa voisine, ca donne donc un truc du style :
#cback{
left:63px;
top:89px;
margin-left:-20px;
overflow:visible;
position:relative;
display:inline;
background-color: transparent;
}et dans la nav :
<div id="cback" style="z-index:2;"><a href="..." onMouseOver="MM_swapImage('mn2','','img/equipe_on.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="img/equipe_off.gif" name="mn2" width="105" height="16" border="0" id="mn2"></a></div>
<div id="cback" style="z-index:1;"><a href="..." onMouseOver="MM_swapImage('mn1','','img/joueurs_on.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="img/joueurs_off.gif" name="mn1" width="105" height="16" border="0" id="mn1"></a></div>
Ca passe impec sous Safari, IE MAC, Firefox, mais évidemment pas sous IE PC.... : /
le bug c'est que la gauche des boutons est apparement "tronquée"... Je suppose que c'est du à l'utilisation de marge négatives, mais je vois pas du tout comment contourner, eradiquer ce bug.
j'ai d'abord pensé à un pb de z-index, puis peut-etre un pb de transparence, mais rien n'y fait. Une info la-dessus.