Mettre une image à gauche en css

Résolu/Fermé
Lyne - 25 janv. 2010 à 22:13
 esse - 12 juin 2013 à 14:37
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.

3 réponses

lalouviere84 Messages postés 116 Date d'inscription mardi 26 janvier 2010 Statut Membre Dernière intervention 19 janvier 2011 24
26 janv. 2010 à 21:02
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>
21
Ca marche ! merci encore pour tes lumières.

Lyne.
0
merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
0
Up; j'aurais voulu savoir, comment pouvons nous agrandir l'espace entre le texte et la photo ?
Merci
0
il faut jouer sur la valeur de margin-right
0