Position d'images

02 janv. 2007, 14:01

Bonjour à tous et bonne année 2007,

J' ai un petit soucis avec des images que je ne parvient pas à aligner.

Voila le code CSS :

Code : Tout sélectionner

#header {
height: 69px;
background-color: #99CCCC;
}

Et le code html :

Code : Tout sélectionner

<div id="header">

<img src="logo.jpg" alt="logo" title="logo" width="165" height="100" />
	
<img src="pub.gif" alt="[PUB]" title="[PUB]" style="margin-left: 50px; " />
<img src="ban.gif" alt="[Bannière PUB]" title="[Bannière PUB]" />

</div>

détails technique :

logo.jpg = 165*100
pub.gif = 14*60
ban.gif = 468*60

Je voufrais que pub.gif et ban.gif soit centrés par rapport au logo, actuellement il sont trop bas.

Si vous pouviez m'aider, d'avance merci.

02 janv. 2007, 14:06

Salut et bonne année à toi aussi,
ajoute un style vertical-align:middle sur tes deux images cela devrait faire l'affaire

02 janv. 2007, 14:22

Merci pour ta réponse. En fait j'avais essayé mais cela me rabaisse encore un peu plus mes 2 images par rapport à mon logo.

02 janv. 2007, 14:34

C'est normal,
tu as un div avec une hauteur de 69px et ton logo en fait 100, les images seront alignées par rapport à ton logo, pas ta div.

02 janv. 2007, 16:38

J'ai testé dans un <div> sans hauteur et le résultat reste le même. Il faut que je précise la hauteur pour qu'il soit plus grand que la hauteur du logo ?

02 janv. 2007, 17:19

En faisant un test avec margin-top: valeur négative j'arrive à corriger sous IE mais pas sous Firefox, je pense que ce n'est pas la bonne solution. Existe t'il d'autre moyen ? merci

02 janv. 2007, 17:55

Bon alors j'ai résolu en utilisant ceci sur mes images : vertical-align:top; margin-top: 4px;

Position d'images

Qui est en ligne