28173 sujets

CSS et mise en forme, CSS3

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

#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)
Bonjour,

Cette partie de la FAQ du forum pourrait-elle t'être utile ?

En passant, je remarque que tu utilises un bloc sans contenu (div#margemenu) pour créer un retrait ou un extrait graphique. Il y a sans doute moyen de réaliser quelque chose de plus propre que ça. De plus, il pourrait être intéressant de se baser sur une liste non ordonnée (ul) pour ton menu.
Merci pour vos réponses,
j'ai modifier mon message d'origine pour le rendre plus lisible au niveau du code

Pour ce qui est de la FAQ j'avais lu le sujet mais le display block n'a pas marché

en revanche en relisant votre lien, tout en bas il y a des solutions alternatives que je n'avais vu lors de ma première consultation et le vertical-align corrige le problème

Merci pour aide
Administrateur
enigmatiK a écrit :

en revanche en relisant votre lien, tout en bas il y a des solutions alternatives que je n'avais vu lors de ma première consultation et le vertical-align corrige le problème

Merci pour aide

Bravo Smiley smile
Tu considères que ce sujet est [Résolu] ? Smiley cligne