Bonjour,
j'ai un petit soucis, je souhaite créer un menu sous forme d'onglets.
Auparavant je passais par des tables et tout marchait bien, désirant me plonger dans le css j'ai essayé pour me faire la main de recréer ce même menu en passant par des div et span.
Mon problème.
Dés que je positionne une image dans mon menu IE crée un décalage de 2 pixels vers le bas alors que firefox marche nickel.
je fais pourtant appel à la même classe pour générer un bloc avec du texte et l'autre avec une image
voici un extrait de mon fichier css
et mon code
Modifié par enigmatiK (21 Jan 2007 - 19:11)
j'ai un petit soucis, je souhaite créer un menu sous forme d'onglets.
Auparavant je passais par des tables et tout marchait bien, désirant me plonger dans le css j'ai essayé pour me faire la main de recréer ce même menu en passant par des div et span.
Mon problème.
Dés que je positionne une image dans mon menu IE crée un décalage de 2 pixels vers le bas alors que firefox marche nickel.
je fais pourtant appel à la même classe pour générer un bloc avec du texte et l'autre avec une image
voici un extrait de mon fichier css
#margemenu{
float:left;
padding:0;
margin:0;
width:220;
height:26;
border-bottom:1px solid #ffffff;
vertical-align:bottom
}
.menuout{
float:left;
padding:0;
margin:0;
width:76;
height:26;
border-bottom:1px solid #ffffff;
vertical-align:bottom
}
et mon code
<body>
<div id="page">
<div id="logo"><img src="img/logo.png"</div>
<div id="margemenu">xx</div>
<div class="menuout"><a href="">coucou</a></div>
<div class="menuout"><a href=""><a href="vincave.php" onMouseOver="cave.src=\'img/cavein.gif\'" onMouseOut="cave.src=\'img/caveout.gif\'"><img name="cave" src="img/caveout.gif"></a></div>
</div>
</body>
Modifié par enigmatiK (21 Jan 2007 - 19:11)