Image float right + <br /> = bug

Résolu/Fermé
ataos Messages postés 72 Date d'inscription vendredi 11 avril 2008 Statut Membre Dernière intervention 6 août 2012 - 4 juin 2009 à 17:45
Kllez Messages postés 21 Date d'inscription jeudi 4 juin 2009 Statut Membre Dernière intervention 5 juin 2009 - 5 juin 2009 à 23:46
Bonjour à tous,

je vous explique vite fait mon problème, j'ai mis deux images en float right, séparéer par un <br />. et au lieu de me les afficher l'une sous l'autre, il met la deuxième à coté de la première, plus bas d'une hauteur de ligne seulement.

le code ressemble à ça:

<p>
Vous vous trouvez sur la page d'accueil. <br />
<img src="/Test/pages/img_accueil/02.png" /><br />

Et voici une façon possible d'afficher toutes les images. <br/>
<img src="/Test/pages/img_accueil/01.jpg" /><br />
</p>

et le CSS relatif aux images:

#corps_texte img {

height:250px; //ok ça à rien à voir
width:auto; //son pti frère
float:right; //ça a à voir, mais ça ne semble pas buger.

}

Je reste en ligne si jamais vous avez besoin de précisions, et je vous remercie d'avoir pris le temps de lire mon post.

Bonne fin de journée.

3 réponses

Kllez Messages postés 21 Date d'inscription jeudi 4 juin 2009 Statut Membre Dernière intervention 5 juin 2009
5 juin 2009 à 01:24
Je ne suis pas expert dans la matière, mais révise ton code.
Si tu as copier collé, c'est peut-être ici que ça cause problème:

...toutes les images. <br/>
<img src="...
Il manque un espace...
Dans les codes comme ça, un espace est fatal.
Si ça ne fonctionne pas, désolé, j'ai fais de mon mieux.
0
ataos Messages postés 72 Date d'inscription vendredi 11 avril 2008 Statut Membre Dernière intervention 6 août 2012
5 juin 2009 à 07:58
Bonjour,
finalement j'ai trouvé la solution à mon problème. Le code en lui même ne pose pas de problème. A moins de ne trouver clairement une erreur, auquel cas, signalez le moi.

Le problème venait de l'utilisation du <br /> qui n'est pas fait pour travailler avec des float. On m'a donc appris, que pour habiller un élément flottant à droite, il fallait que le paragraphe du dessous soit du genre <p "style=clear:'left';"> (si j'ai bien tout compris) (*:p*).
Dans mon cas donc, il m'a suffit de mettre la deuxième photo et son texte dans un <p style="clear:'both';"> et voilà, c'était réglé.

Merci d'avoir essayé, et bonne journée orageuse semble-t-il.

;) A+
0
Kllez Messages postés 21 Date d'inscription jeudi 4 juin 2009 Statut Membre Dernière intervention 5 juin 2009
5 juin 2009 à 23:46
Content que tu aies pu réglé ton problème.
(PS: Il fait gros soleil ici)
0