Aller au contenu

insérer + position une image


axelpaq

Sujets conseillés

bon ben voilà,

1er site que je créé (j'espère d'une longue liste car c'est PASSIONNANT !!! je m'éclate :)) et 1er soucis.

en effet dans la feuille css j'ai mis un background (il s'affiche comme je veux pas de soucis).

sur ce background je souhaiterais illustrer un texte avec une image. du coup dans la feuille (x)html j'ai mis:

<img src="images/apropos_image01.jpg" class="apropos_image01"/>

j'ai donc attribué une classe "apropos_image01" à mon image et dans la feuille pour positionner mon image css je mets:

.apropos_image01
img
{
padding:100px 200px 0 0;
}

et ben ça ne fait rien du tout.

je ne vois pas trop quoi faire. est-ce que qq'1 pourrait m'aider SVP ?

Modifié par axelpaq
Lien vers le commentaire
Partager sur d’autres sites

I tu peux revenir à la version précédente pour n'utiliser des tableaux qu'à des fins de présentation de données tabulaires, fais-le tout de suite ;)

Ensuite, je ne comprends pas très bien ce que tu souhaites faire de cette image. Si c'est pour illustrer un article, la plupart du temps on souhaite que le texte continue sous l'image une fois qu'il l'a dépassée. Pour ça, plutôt que de placer ton image de manière fixe, tu peux simplement lui dire de se mettre à gauche ou à droite du texte avec le paramètre float :

.apropos_image01 {
float: left;
}

ou .apropos_image01 {
float: right;
}

Il faut pour cela que ton image soit dans le paragraphe, au début de celui-ci. Tu pourras ensuite ajuster les marges si tu trouves que le texte colle trop à l'image.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...