Inserer image dans bloc

Fermé
siouxfalls - 31 mai 2009 à 18:13
yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 - 31 mai 2009 à 20:06
Bonjour,
j'ai un problème avec une image. Je voudrais l'insérer dans un bloc (un div ne contenant rien d'autre qu'un background-color, avec une taille et une hauteur bien définies).

Mon image apparait dans le bloc, mais reste coincée dans l'angle en haut à gauche. Impossible de la déplacer. J'ai utilisé les margin, les padding, la position absolute, rien ne marche.

Est ce que le fait que le bloc et l'image soient tous les deux en absolute posent problème? Y'a-t-il un autre moyen pour déplacer cette image?

Merci

1 réponse

yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 3
31 mai 2009 à 20:06
si tu veut centrer ton image il faut utiliser texte align ainsi que les padding par exmeple:

code html:
<div id="chepa">
<img src="chepanonplus.png" alt="hello" />
</div>


code CSS:
#chepa {

padding: zpx;

ou

text-align: center;

ou encore

padding-top: 50px;
text-align;
}


le 1er exemple fait un padding gloabl donc padding-top = padding-left = padding-right = padding-bottom
donc si padding= 5px padding-top/bottom/left/right sont egaux

le 2eme exemple
centre l'image au centre de ton bloc

et enfin la dernier exemple fait que l'image soit a 50px du bord superieur de ta div et et centrer sur l'axe horizontal de ta div.
A+
Yann
0