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
- Barre droite clavier ✓ - Forum Autres distributions Linux
- Légender une image - Guide
- Image iso - Guide
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
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