Mettre une image à gauche en css
Résolu
Lyne
-
esse -
esse -
Bonsoir.
J'essaie de mettre une image à gauche, mais vraiment à gauche de l'écran, je dois m'y prendre comme un pied, car elle apparait toujours centrée. :)
J'ai crée sous Xhtlm des balises div "en_tete", le problème vient peut-être de là ?
Par ailleurs, mon texte apparait en dessous de l'image au lieu d'être positionné à droite.
Ma question est donc la suivante : où peut-on trouver une liste des codes css, afin que je me débrouille comme une grande.
Et si vous avez des soluces, je suis preneuse.
Je précise que le design est crée sous css.
Par ailleurs, j'ai besoin de rajouter une petite image à droite, qui changera en fonction des pages.
Faut-il créer une nouvelle balise div dans le code Xhtml (ce qui me semble le plus simple, puisque tout le site sera ainsi)
Merci d'avance de vos réponses, et de vos lumières.
Bien amicalement,
Lyne.
J'essaie de mettre une image à gauche, mais vraiment à gauche de l'écran, je dois m'y prendre comme un pied, car elle apparait toujours centrée. :)
J'ai crée sous Xhtlm des balises div "en_tete", le problème vient peut-être de là ?
Par ailleurs, mon texte apparait en dessous de l'image au lieu d'être positionné à droite.
Ma question est donc la suivante : où peut-on trouver une liste des codes css, afin que je me débrouille comme une grande.
Et si vous avez des soluces, je suis preneuse.
Je précise que le design est crée sous css.
Par ailleurs, j'ai besoin de rajouter une petite image à droite, qui changera en fonction des pages.
Faut-il créer une nouvelle balise div dans le code Xhtml (ce qui me semble le plus simple, puisque tout le site sera ainsi)
Merci d'avance de vos réponses, et de vos lumières.
Bien amicalement,
Lyne.
A voir également:
- Mettre une image à droite css
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Légender une image - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Barre droite clavier ✓ - Forum Autres distributions Linux
3 réponses
Bonsoir,
Pour avoir une photo à gauche de ta page et le texte à droite de ta photo en CSS :
CSS
div.photogauche {
float: left;
width: 100px; /* largeur en pixel de ta photo */
height:75px; /* hauteur en pixel de ta photo */
margin-right:10px; /* marge en pixel à droite de la photo */
}
puis dans ton html
<div class="photogauche"><img src="photo/image.jpg" width="100" height="75" align="top" /></div>
<p> ton texte ici </p>
Pour avoir une photo à gauche de ta page et le texte à droite de ta photo en CSS :
CSS
div.photogauche {
float: left;
width: 100px; /* largeur en pixel de ta photo */
height:75px; /* hauteur en pixel de ta photo */
margin-right:10px; /* marge en pixel à droite de la photo */
}
puis dans ton html
<div class="photogauche"><img src="photo/image.jpg" width="100" height="75" align="top" /></div>
<p> ton texte ici </p>
Lyne.
Merci