[resolu] Probleme de marge inferieure

Bonjour,

J'ai un petit soucis de marche inferieur sur des image, qui créer un decalage dans ma div.

J'ai donc une div #hautg:

#haurg{
	float: left;
	border: 0px
	margin:0px;
	padding:0px;
	vertical-align: bottom;
	width: 600px;
}

Dans laquel j'ai placé sa :

<div id="haurg">
<a href="index.php"><img src="img/logo.jpg" alt="PtiJu Production" /></a>
<a href="index.php"><img src="img/home.jpg" alt="HOME" /></a>
<a href="son.php"><img src="img/son.jpg" alt="SON" /></a>
<a href="lien.php"><img src="img/lien.jpg" alt="LIEN" /></a>
</div>

La premiere image fait la largeur de la div (le logo), les suivantes ce sont les boutons de menu, qui normalement devrait etre juste en dessous du log, et l'un à coté de l'autre.

Le probleme c'est que j'ai une petite marge inferieur entre la premiere image et les 3 suivantes, qui me créer un jolie declage par rapport au background de la div concernée.

Je fait pourant ça :

img { border:0px;}
a img, #hautg img, #hautd img {border: 0px;}

et voix bien dans la developpeur toolbar d'IE que tout les border sont a 0px; mais j'ai quand meme le decalage.

Auriez vous une piste?

Merci

Bonjour rouliendelavegas,

Peut-être que cet item de la FAQ pourra te venir en aide ?

Cdt,
Sylvain
Modifié par 6l20 (03 Aug 2008 - 23:01)

Re, merci pour ta reponse.

J'avous qu'en lisant l'article de la FAQ, j'ai crus trouver la solution, mais c'est toujours pareil, voir pire.

J'ai toujours le probleme de decalage, et maintenant chaque image se mets l'une en dessous de l'autre (un peu genant pour mon menu horizontale...).

Edit : en fait c'est bon pour les marge inferrieures (en virant le vertical-align:bottom de ma div) mais j'ai toujours les boutons du menu l'un au dessus de l'autre, au lieu d'etre l'un à coté de l'autre, alors qu'il y a largement de la place (sa passait avant)

Re Edit: corrigé en mettant chaque bouton dans une div en float:left.
Modifié par rouliendelavegas (15 Jun 2008 - 19:51)

rouliendelavegas a écrit :

Re, merci pour ta reponse.

De rien

rouliendelavegas a écrit :

Re Edit: corrigé en mettant chaque bouton dans une div en float:left.

Je ne suis pas très sûr que ce soit la bonne solution, peut-on voir ton code en entier ou une page en ligne ?

Cdt,
Sylvain