Discussion :

[kelyly]

Bonjour,
j'aimerai que mes images apparaissent à droite ou à gauche de mes textes (qui les entoure) sans faire un tableau.
J'ai utilisé l'attribut "float" mais l'image se met en arrière-plan et le texte par-dessus. C'est normal ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
- [...] d'eau froide).
<img src="melon.gif" alt="erreur"  style="float:right; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right: 10px;" ><b><u> Peau sèche :</u></b>- Passez au [...]

[12monkeys]

Bonsoir

Non c'est pour le moins étrange, mais ta portion de code n'est pas suffisante pour répondre à ton problème. On peut avoir un peu plus de code HTML (un peu plus de ce qui entoure l'image) et le code CSS...

[Erwan31]

Bonjour,
au passage la propriété align n'existe pas, c'est un attribut HTML et non un propriété.

[kelyly]

mon code CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
a :link { color :#FFFF66; text-decoration :none; font-weight:normal; }
a :hover { color :#000000; text-decoration :none; font-weight:normal; }
a :visited { color :#000000; text-decoration :none; font-weight:normal; }
a :active { color :#FFFF66; text-decoration :none; font-weight:normal; }
 
body { text-align:justify; color :#FFFF66; background :#FF8C00 url(http://) repeat; scrollbar-face-color :#FF6600; scrollbar-highlight-color :#FFFFFF; scrollbar-3dlight-color :#FFFFFF; scrollbar-darkshadow-color :#000000; scrollbar-arrow-color :#FFFFFF; scrollbar-track-color :#FFA500; font-size :14px; font-family :Lucida Sans Unicode; }
input { font-size :14px; font-family :Lucida Sans Unicode; }
textarea { font-size :14px; font-family :Lucida Sans Unicode; }
select { font-size :14px; font-family :Lucida Sans Unicode; }
td { font-size :14px; font-family :Lucida Sans Unicode; }

code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<p align="center"> <img src="014.jpg"></p>
<img src="miel.gif" alt="erreur"  style="float:left; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right: 10px;" >
 <br><br> <b><u>Peau normale :</u></b> - Lavez et épluchez une pêche bien mûre et un abricot. Ecrasez-les à la fourchette, puis mélangez soigneusement. Appliquez la préparation sur votre visage. Laissez ce masque 20 minutes puis rincez à l'eau fraîche. La pêche et l'abricot contiennent des vitamines A et C, qui affinent le grain de la peau.
<br>
- Mélangez une cuillère à soupe de miel brut, 2 gouttes d'huile essentielle de lavande et 1 goutte d'huile essentielle de géranium. Humectez votre visage et votre cou. Etalez la préparation sur votre visage et laissez poser 15/20 minutes. Puis rincez à l'eau chaude (finissez par un jet d'eau froide).
<br><br>
<img src="melon.gif" alt="erreur"  style="float:right; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right: 10px;" ><b><u> Peau sèche :</u></b>- Passez au mixeur une tranche de melon et une cuillère à café de miel. Appliquez sur le visage et le cou et au bout de 20 minutes, rincez à l'eau tiède.
<br>
- Ecrasez 1/4 d'avocat bien mûr jusqu'à l'obtention d'une purée et mélangez cette purée avec une cuillère à café de yaourt nature entier, afin d'obtenir une pâte. Etalez sur votre visage et laissez agir 15/20 minutes. Puis rincez à l'eau.
<br><br>
<b><u> Peau grasse :</u></b>- Mélangez 2 cuillerées à soupe de crème fraîche avec le jus de 1/2 orange. Etalez la préparation sur le visage et rincez à l'eau tiède au bout de 20 minutes.
<br>
- Mélangez une cuillère à soupe d'huile de noisette et quatre cuillères à soupe d'argile verte en poudre. Ajoutez un peu d'eau tiède jusqu'à l'obtention d'une pâte. Appliquez sur votre visage et laisser poser 10/15 minutes, puis rincez à l'eau.<img src="banane.gif" alt="erreur"  style="float:left; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right: 10px;" >
<br><br>

edit : je viens de me rendre compte dans mon premier post que j'ai pas fait copié/collé de la bonne portion. J'avais mis "align" pour faire un test et j'ai oublié de l'enlever mais normalement j'avais mis "float" comme ci-dessus.