Inserer image dans bloc

siouxfalls -  
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

  • Votes
  • Date
  • Date décroissante
  1. yann1123
    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