Discussion :

[lolo_the_fripouille]

Bonsoir !

J'ai un petit problème de puces
Elles s'affichent parfaitement sous Internet Explorer, mais elles ne s'affichent pas du tout sous Firefox (le contraire ne m'aurait pas étonné mais là... )

Voici mon code CSS :

Code :

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

1
2
3
4
5
6
7
8
9
 
#global ul {
padding: 4px 0 0 40px;
list-style-type: disc;
}
 
#global li {
display: block;
}

Est-ce que quelqu'un peut m'éclaircir ?

Merci !

[Crayon]

Je n'ai pas FireFox ici, mais est-ce que tu peux essayer:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
#global ul 
{
	list-style-type: disc;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
 
#global li 
{
	display: block;
}

[lolo_the_fripouille]

Malheureusement ça ne change rien.
Je ne vois vraiment pas d'où cela peut provenir.
D'autres idées ?

[masu]

est-tu obligé d'avoir ce display:block ?
le code suivant fonctionne tres bien.

Code :

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

1
2
3
4
#global ul {
	padding: 4px 0 0 40px;
	list-style: disc;
}

Code :

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

1
2
3
4
5
6
<div id="global">
	<ul>
		<li>dummy</li>
		<li>dummy</li>
	</ul>
</div>

le li doit avoir un display:list-item.
Sinon si tu as vraiement besoin du dislay:block peu etre itilise une image de fond et rajoute du padding de la taille de ton image.

[lolo_the_fripouille]

Je te remercie beaucoup, ça fonctionne très bien.
Donc je récapitule : en fait mon erreur était de mettre display: block;