Images flottantes et puces...

Bonjour,

C'est mon premier message ici, d'ordinaire je fouille le web a la recherche de réponses a mes - nombreuses - questions, mais là je seche.

Voila mon probleme :
Je place une image flottante à gauche et j'ecris ensuite un texte qui vient bien évidement se placer a droite (l'habiller comme on dit sous Word)
Le probleme est que si ce texte inclus des puces, celles ci viennent a cheval sur l'image.
En gros, alors qu'un texte normal est correctement aligné a 5px de l'image, les puces viennent se placer dans l'image...
J'ai bien la solution d'augmenter la marge droite de ces images mais cela fonctionne donc sur tout le texte et la puce dépasse.
Je peux dire a ma cliente de ne jamais mettre de puce a coté d'une image gauche, mais ça n'est pas trop élégant :o)

voici les liens des pages :
une page normale : http://www.votrewebfacile.com/gym/index.php3?page=7
una autre avec les marges rectifiées :
http://www.votrewebfacile.com/gym/index.php3?page=15
(là j'ai modifié légérement la marge droite de l'image)

merci d'avance.

Thierry BOGART

PS et précision : ceci quelque soit le navigateur
Modifié par votrewebfacile (18 Nov 2005 - 10:13)

Bonjour votrewebfacile et bienvenue sur Alsacréations,

Connais-tu pour les item de liste la propriété list-style-position?
Avec la valeur "inside", cela devrait règler ton soucis.

li{list-style-position:inside;}

oui, j'y ai bien pensé ms dans ce cas si le texte des puces est assez long, les lignes suivantes viennent au niveau de la puce, c'est pas forcément tres joli.

Ce qui est curieux c'est que ça le fasse quelque soit le navigateur. J'ai pensé a une erreur dans ma css ms je vois pas laquelle :

.imagegauche {
float:left;
margin:2px 5px 2px 0px;
}

Je n'ai rien utilisé de spécialement 'tordu'.

Tiens, c'est amusant... quelqu'un venant du forum a tenté de faire de l'injection sql chez moi ;o)
Dommage que le telephone répondait pas on aurait pu avoir une discussion interessante j'imagine...