Image float right + <br /> = bug
Résolu
ataos
Messages postés
74
Statut
Membre
-
Kllez Messages postés 21 Statut Membre -
Kllez Messages postés 21 Statut Membre -
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.
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.
Configuration: Windows XP Firefox 3.0.10
3 réponses
-
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. -
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+ -
Content que tu aies pu réglé ton problème.
(PS: Il fait gros soleil ici)
