Mettre une image à gauche en css Résolu/Fermé

Question

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.

lalouviere84 · Accepted Answer

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>

ton texte ici

ifisch · Answer

Bonjjour ! Une petite initiation au positionnement t'interessera surement alors :) : https://www.alsacreations.com/article/lire/533-initiation-au-positionnement-en-css-partie-1.html

D'ailleurs tu trouveras pleins de trucs géniaux sur ce site ;)

lalouviere84 · Answer

Avec plaisir,

Pense à marquer le sujet comme résolu !

Mettre une image à gauche en css

3 réponses

Discussions similaires