Discussion :

[Phenomenium]

Salut, j'ai besoin de mettre des puces a la droite d'une image, qui elle est aligner à la gauche de ma page.
Le probleme c'est que les puces empiète sur l'image alors que le texte juste au dessu (sans puce) s'affiche avec la bonne marge...
Est ce que quelqun voit de quoi ca peu venir ?

[Linaa]

Comment est-ce que tu affiches ta liste (le code) ?
Et pourquoi mettre une puce à une image ?!

[Phenomenium]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
					<ul>
  						<li>Technologies Internet</li>
  						<li>Travail collaboratif</li>
  						<li>Informatique mobile</li>
						<li>Télécommunications</li>
  						<li>Intelligence artificielle</li>
						<li>Méthodologies et outils</li>
  						<li>Paradigmes de développement</li>
					</ul>

Je veux pas mettre de puce à une image.
C'est une image qui est juste devant les puces.
http://laurenzoo.free.fr/Untitled-1.html
Je vous met le lien vers une page d'exemple, qui contient ce probleme.
l'image est sombre mais si on regarde bien, on voit les puces qui chevauche l'image.

voial le code du css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 ul							{ padding:14px; }
 ul li						{ padding:0; font-size:11px; margin:0px 0px; list-style-image:url(puce.gif); }
.alignLeft					{ margin: 0px 10px 0px; float: left; }

Merci

[Linaa]

Ahh...
Essaies ptete de mettre un margin à l'image

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin-left: 5px;

[Phenomenium]

Non jai essayer mais ca ne bouge pas devant l'image.
Les puces à la droites des images ne bougent pas d'un poils.

edit : Je vient de comprendre, avec l'image, c'est comme si la liste qui la colle a deja une marge de la taille de l'image.
Donc si je met une marge plus grande que la taille de l'image la liste se décalera. Mais aussi les autres de ce fait ..
Je sais pas si je suis clair

edit : C'est bon, j'ai appliqué un margin-right a l'image.. Ca decale mon <p> aussi mais bon ...
Merci

[Linaa]

Oui... C'était un margin-right que j'voulais dire...
J'suis fatiguée moi!