[CSS/HTML] float?
Résolu
small-princess16
-
21 sept. 2009 à 08:19
small-princess16 -
small-princess16 -
A voir également:
- [CSS/HTML] float?
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- Br html - Forum CSS
4 réponses
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
21 sept. 2009 à 12:55
21 sept. 2009 à 12:55
N'importe, les deux fonctionnent de la même manière:
OU
<div><img style="float:left;" src="..." alt="..."/>bla bla bla</div>
OU
<div> <div style="float:left;"><img src="..." alt="..."/></div> <div>bla bla bla</div> </div>
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
21 sept. 2009 à 09:08
21 sept. 2009 à 09:08
Bonjour,
Ce fonctionnement est normal, c'est IE6 qui ne gère pas bien.
Le mieux est, dans le code, de mettre l'image, PUIS le texte, et mettre un float:left à l'image. le texte se placera directement à droite de l'image, sans avoir besoin de marges négatives ou quoi que ce soit.
Pour info, le float:left ou float:right fait que l'élément se situera à gauche ou à droite du(des) prochain(s) élément(s). il est donc normal qu'avec un float:right le texte en question se situe tout à droite du conteneur.
Pour bien apprendre le fonctionnement des float, n'hésite pas à faire une page vide pour faire des tests.
Ce fonctionnement est normal, c'est IE6 qui ne gère pas bien.
Le mieux est, dans le code, de mettre l'image, PUIS le texte, et mettre un float:left à l'image. le texte se placera directement à droite de l'image, sans avoir besoin de marges négatives ou quoi que ce soit.
Pour info, le float:left ou float:right fait que l'élément se situera à gauche ou à droite du(des) prochain(s) élément(s). il est donc normal qu'avec un float:right le texte en question se situe tout à droite du conteneur.
Pour bien apprendre le fonctionnement des float, n'hésite pas à faire une page vide pour faire des tests.