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.
A voir également:
- Image float right + <br /> = bug
- Balise br ✓ - Forum Webmastering
- Image iso - Guide
- Iptv bug forum ✓ - Forum Box et Streaming vidéo
- Iptv bug - Forum Box et Streaming vidéo
- Bug chromecast - Guide
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.
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+
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+
