Centrer une image dans une div en css ?

Bonjour

Je sais que le sujet à déjà été traité, mais j'ai tout éssayé, rien ne fonctionne.

J'ai suivi ce tuto http://covertprestige.info/css/centrer-image/
J'ai utilisé exactement le même code, et devinez quoi ? ça ne marche pas !!!!

J'ai mis mon test sur serveur, si quelqu'un peut me dire ce qui ne va pas , je lui en serait très reconnaissant

le html -> http://snowaddict06.free.fr/test.html

le css -> http://snowaddict06.free.fr/css.css

merci
Modifié par SnowAddict (09 Oct 2009 - 20:16)

bonsoir,

<div class="imagebox"><img src="vignette1.jpg" alt="" width="131" height="107" /></div>

il te manque un espace ou un espace insecable qui determiner une hauteur equivalente a 1em , sur laquelle ton image va venir ce centrer .

La , seule , elle se centre sur elle même:) .

teste :

<div class="imagebox"> <img src="vignette1.jpg" alt="" width="131" height="107" /></div>

ou

<div class="imagebox"><img src="vignette1.jpg" alt="" width="131" height="107" />&nbsp;</div>

GC

merci , ta 2 ème proposition fonctionne.

Juste un petit détail me chagrine : c'est pas pile poil au milieu , c'est légèrement en dessous , mais bon , au pire je mettrais un margin pour compenser.

ok , sinon , tente :

div.imagebox:after {
content:' ';
font-size:1px;
vertical-align:middle;
}

en gardant ton code html d'origine. (mais la moins sur que ça passe bien dans tout les nav) .

c'est bon ça marche, faut utiliser le line-height pour bien positionner l'image.

merci
Modifié par SnowAddict (09 Oct 2009 - 23:00)