Discussion :

[logiciel_const]

bonjour,
j'ai une liste non ordonnée avec des puces rond(disk):

Code :

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

<ul type="disc">

,
j'ai remarqué que lorsque je mis l'instruction de lien pour un fichier css :

Code :

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

<link rel="StyleSheet" type="text/css" href="style.css">

les disks des listes ont disparu,y at il une solution pour les reapparaitre?

[c_s_s]

Bonjour,

Peut-être que dans ta feuille de style, les propriétés des listes (ul, li) indiquent :
- qu'il ne faut pas de décoration (list-style-type)
- des marges nulles (margin, padding)

Pour donner une forme aux puces de ta liste, tu peux faire quelque chose comme ça (par exemple).

Dans le code HTML

Code :

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

1
2
3
4
5
<ul class="maliste">
 <li>Lorem Ipsum</li>
 <li>Lorem Ipsum</li>
 <li>Lorem Ipsum</li>
</ul>

Dans la feuiile de style CSS

Code :

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

1
2
3
4
 
ul.maliste li {
 list-style-type: disc;
}

[logiciel_const]

bonjour,
merci css le probleme c'est que meme si j'enleve la proprité class des ul

Code :

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

<ul class="maliste">

càd je mets seulement une liste sans css, les puces n'apparaissent pas,elle n'apparaissent que lorsque j'enleve le lien vers le fichhier css!!

[c_s_s]

Ca veut dire qu'il y a quelque chose dans ton fichier CSS qui bloque l'apparition des puces.

Est-ce que tu as une page en ligne, ou le code des fichiers HTML et CSS pour voir d'où vient le problème ?

[logiciel_const]

Ca veut dire qu'il y a quelque chose dans ton fichier CSS qui bloque l'apparition des puces.

Est-ce que tu as une page en ligne, ou le code des fichiers HTML et CSS pour voir d'où vient le problème ?

meci,voici les deux css que j'utilise:

[c_s_s]

Dans style2.css, il y a ça :

Code :

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

1
2
3
4
5
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

Cela indique qu'il n'y a pas de marges et pas de décorations pour toutes tes puces (ul, li).

Si tu veux que toutes tes puces aient un disque, alors, il faut modifier le style :

Code :

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

1
2
3
4
5
6
7
8
9
10
dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul, li {
	margin: XX;
	padding: XX;
	list-style-type: disc;
}

Pour les marges, à toi de remplacer les XX par les valeurs qui t'arrangent.