Cette question est sans doute sur le thème HTML plus général, mais je
n'arrive pas à trouver
de groupe plus précis.
Voilà, dans une page test ici :
http://www.contentbox.com/claude/test/testList.htm
<UL>
<LI>test 1</LI>
<LI>test 2</LI>
<LI>test 3</LI>
</UL>
text
<IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT=""
ALIGN="left">
<UL>
<LI>test 1</LI>
<LI>test 2</LI>
<LI>test 3</LI>
</UL>
text
j'ai deux listes <UL>, l'une toute seule, l'autre à la droite d'une
image avec ALIGN="left".
Celle qui est toute seule est décalée vers la droite, sans doute à cause
d'une marge de
gauche de défaut.
Celle à droite de l'image est collée à l'image qui recouvre même les puces.
Avec Mozilla, on voit même les puces à travers l'image.
C'est normal docteur ?
Pourquoi la marge ne s'applique-t-elle pas par rapport au bord droit de
l'image, comme le texte ordinaire,
et comment faire pour qu'elle le fasse ?
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
cousinhub
Claude Schneegans a écrit :
Bonjour,
Cette question est sans doute sur le thème HTML plus général, mais je n'arrive pas à trouver de groupe plus précis.
Voilà, dans une page test ici : http://www.contentbox.com/claude/test/testList.htm <UL> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL> text <IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT="" ALIGN="left"> <UL> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL> text
j'ai deux listes <UL>, l'une toute seule, l'autre à la droite d'une image avec ALIGN="left". Celle qui est toute seule est décalée vers la droite, sans doute à cause d'une marge de gauche de défaut. Celle à droite de l'image est collée à l'image qui recouvre même les puces. Avec Mozilla, on voit même les puces à travers l'image.
C'est normal docteur ? Pourquoi la marge ne s'applique-t-elle pas par rapport au bord droit de l'image, comme le texte ordinaire, et comment faire pour qu'elle le fasse ?
Merci.
Ah les listes ! Elles font un peu ce qu'elles veulent. Essaie ca : <IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT="" style="float:left;margin: 5px 20px 10px 0px"> <UL style="list-style-position: inside;"> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL>
NB : les attributs de margin se definissent toujours dans le meme ordre : marge du haut, de droite, du bas et de gauche.
Claude Schneegans a écrit :
Bonjour,
Cette question est sans doute sur le thème HTML plus général, mais je
n'arrive pas à trouver
de groupe plus précis.
Voilà, dans une page test ici :
http://www.contentbox.com/claude/test/testList.htm
<UL>
<LI>test 1</LI>
<LI>test 2</LI>
<LI>test 3</LI>
</UL>
text
<IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT=""
ALIGN="left">
<UL>
<LI>test 1</LI>
<LI>test 2</LI>
<LI>test 3</LI>
</UL>
text
j'ai deux listes <UL>, l'une toute seule, l'autre à la droite d'une
image avec ALIGN="left".
Celle qui est toute seule est décalée vers la droite, sans doute à cause
d'une marge de
gauche de défaut.
Celle à droite de l'image est collée à l'image qui recouvre même les puces.
Avec Mozilla, on voit même les puces à travers l'image.
C'est normal docteur ?
Pourquoi la marge ne s'applique-t-elle pas par rapport au bord droit de
l'image, comme le texte ordinaire,
et comment faire pour qu'elle le fasse ?
Merci.
Ah les listes ! Elles font un peu ce qu'elles veulent.
Essaie ca :
<IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT=""
style="float:left;margin: 5px 20px 10px 0px">
<UL style="list-style-position: inside;">
<LI>test 1</LI>
<LI>test 2</LI>
<LI>test 3</LI>
</UL>
NB : les attributs de margin se definissent toujours dans le meme ordre
: marge du haut, de droite, du bas et de gauche.
Cette question est sans doute sur le thème HTML plus général, mais je n'arrive pas à trouver de groupe plus précis.
Voilà, dans une page test ici : http://www.contentbox.com/claude/test/testList.htm <UL> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL> text <IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT="" ALIGN="left"> <UL> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL> text
j'ai deux listes <UL>, l'une toute seule, l'autre à la droite d'une image avec ALIGN="left". Celle qui est toute seule est décalée vers la droite, sans doute à cause d'une marge de gauche de défaut. Celle à droite de l'image est collée à l'image qui recouvre même les puces. Avec Mozilla, on voit même les puces à travers l'image.
C'est normal docteur ? Pourquoi la marge ne s'applique-t-elle pas par rapport au bord droit de l'image, comme le texte ordinaire, et comment faire pour qu'elle le fasse ?
Merci.
Ah les listes ! Elles font un peu ce qu'elles veulent. Essaie ca : <IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT="" style="float:left;margin: 5px 20px 10px 0px"> <UL style="list-style-position: inside;"> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL>
NB : les attributs de margin se definissent toujours dans le meme ordre : marge du haut, de droite, du bas et de gauche.
Claude Schneegans
>>Ah les listes ! Elles font un peu ce qu'elles veulent.
En effet, c'est l'anarchie complète. J'ai beau mettre une marge gauche à l'élément UL, elle ne s'applique que par rapport au bord gauche de la page, au lieu du bord droit de l'image qu'elle est censée contourner. JE SAIS, il va sûrement y avoir qqun pour me dire que c'est normal, que c'est comme ça qu'est fait le standard, voir W3C, et bla bla bla... À celui-là je réponds tout de suite,... Oh et puis non, je vais me coucher, ça vaudra mieux pour ma pression ;-)
En tous cas, merci pour le tuyau.
>>Ah les listes ! Elles font un peu ce qu'elles veulent.
En effet, c'est l'anarchie complète. J'ai beau mettre une marge gauche à
l'élément UL,
elle ne s'applique que par rapport au bord gauche de la page, au lieu du
bord droit de
l'image qu'elle est censée contourner.
JE SAIS, il va sûrement y avoir qqun pour me dire que c'est normal, que
c'est comme ça
qu'est fait le standard, voir W3C, et bla bla bla...
À celui-là je réponds tout de suite,... Oh et puis non, je vais me
coucher, ça vaudra mieux pour ma pression ;-)
>>Ah les listes ! Elles font un peu ce qu'elles veulent.
En effet, c'est l'anarchie complète. J'ai beau mettre une marge gauche à l'élément UL, elle ne s'applique que par rapport au bord gauche de la page, au lieu du bord droit de l'image qu'elle est censée contourner. JE SAIS, il va sûrement y avoir qqun pour me dire que c'est normal, que c'est comme ça qu'est fait le standard, voir W3C, et bla bla bla... À celui-là je réponds tout de suite,... Oh et puis non, je vais me coucher, ça vaudra mieux pour ma pression ;-)
En tous cas, merci pour le tuyau.
hlrNO
Claude Schneegans wrote:
Bonjour,
Cette question est sans doute sur le thème HTML plus général, mais je n'arrive pas à trouver de groupe plus précis.
Voilà, dans une page test ici : http://www.contentbox.com/claude/test/testList.htm <UL> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL> text <IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT="" ALIGN="left"> <UL> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL> text
j'ai deux listes <UL>, l'une toute seule, l'autre à la droite d'une image avec ALIGN="left". Celle qui est toute seule est décalée vers la droite, sans doute à cause d'une marge de gauche de défaut. Celle à droite de l'image est collée à l'image qui recouvre même les puces. Avec Mozilla, on voit même les puces à travers l'image.
C'est normal docteur ? Pourquoi la marge ne s'applique-t-elle pas par rapport au bord droit de l'image, comme le texte ordinaire, et comment faire pour qu'elle le fasse ?
Merci.
Bonjour,
Je mettrai tout ça dans un tableau, AMHA le seul moyen de positionner correctement texte et images.
Oui, je sais, il y a les CSS, mais là il y a d'auteres problèmes.
Claude Schneegans wrote:
Bonjour,
Cette question est sans doute sur le thème HTML plus général, mais je
n'arrive pas à trouver
de groupe plus précis.
Voilà, dans une page test ici :
http://www.contentbox.com/claude/test/testList.htm
<UL>
<LI>test 1</LI>
<LI>test 2</LI>
<LI>test 3</LI>
</UL>
text
<IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT=""
ALIGN="left">
<UL>
<LI>test 1</LI>
<LI>test 2</LI>
<LI>test 3</LI>
</UL>
text
j'ai deux listes <UL>, l'une toute seule, l'autre à la droite d'une
image avec ALIGN="left".
Celle qui est toute seule est décalée vers la droite, sans doute à cause
d'une marge de
gauche de défaut.
Celle à droite de l'image est collée à l'image qui recouvre même les puces.
Avec Mozilla, on voit même les puces à travers l'image.
C'est normal docteur ?
Pourquoi la marge ne s'applique-t-elle pas par rapport au bord droit de
l'image, comme le texte ordinaire,
et comment faire pour qu'elle le fasse ?
Merci.
Bonjour,
Je mettrai tout ça dans un tableau, AMHA le seul moyen de positionner
correctement texte et images.
Cette question est sans doute sur le thème HTML plus général, mais je n'arrive pas à trouver de groupe plus précis.
Voilà, dans une page test ici : http://www.contentbox.com/claude/test/testList.htm <UL> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL> text <IMG SRC="clock.gif" WIDTH="100" HEIGHT="100" BORDER="1" ALT="" ALIGN="left"> <UL> <LI>test 1</LI> <LI>test 2</LI> <LI>test 3</LI> </UL> text
j'ai deux listes <UL>, l'une toute seule, l'autre à la droite d'une image avec ALIGN="left". Celle qui est toute seule est décalée vers la droite, sans doute à cause d'une marge de gauche de défaut. Celle à droite de l'image est collée à l'image qui recouvre même les puces. Avec Mozilla, on voit même les puces à travers l'image.
C'est normal docteur ? Pourquoi la marge ne s'applique-t-elle pas par rapport au bord droit de l'image, comme le texte ordinaire, et comment faire pour qu'elle le fasse ?
Merci.
Bonjour,
Je mettrai tout ça dans un tableau, AMHA le seul moyen de positionner correctement texte et images.
