Inserer image dans bloc
siouxfalls
-
yann1123 Messages postés 109 Statut Membre -
yann1123 Messages postés 109 Statut Membre -
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
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
A voir également:
- Inserer image dans bloc
- Insérer une vidéo dans powerpoint - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Insérer signature word - Guide
- Insérer liste déroulante excel - Guide
- Insérer un espace insécable dans word - Guide
1 réponse
si tu veut centrer ton image il faut utiliser texte align ainsi que les padding par exmeple:
code html:
code CSS:
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
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
