liste non ordonnée en css

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

Code:

---

<ul type="disc">

---

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

Code:

---

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

---

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

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:

---

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:

---

1 2 3 4

ul.maliste li { list-style-type: disc; }

---

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

Code:

---

<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!!:roll:

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 ?

Citation:

---

Envoyé par 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 ?

---

meci,voici les deux css que j'utilise:

Dans style2.css, il y a ça :

Code:

---

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:

---

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.

;)

merci,dans ma page html ya deux liste ordonnée la première ne contient pas de puce c'est juste pour la création d'un menu ,et la deuxième contient des puces mais elle utilise le css de style1 et pas style2,pour mieux comprendre permettez moi de vous montrer mon code html.

Ok, dans ce cas, il faut laissé le code d'origine dans style2.css

Code:

---

1 2 3 4 5

dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }

---

Et dans style.css, tu peux mettre (par exemple) :

Code:

---

1 2 3 4 5 6

ul.st2 { margin-left:20px; } ul.st2 li { list-style-type: disc; }

---

Tu peux modifier la marge (20px) à ta convenance.

merci beacoup ça a trés bien marché:king:,je sais que je poses trop de question,mais j'ai un autre probleme avec le st1 dans le css style ,car il ne fonctionne pas en firefox,il ne respecte pas les marges!!

Tu dois donner plus de précision pour le H1.
Pourquoi utilises tu le jeu de caractères atypique windows-1256?

Le charset en haut de ta CSS n'a d'intérêt que si son contenu contient ou est
susceptible de contenir des caractères non ASCII (contenu généré, nom de polices...)

Citation:

---

Envoyé par Erwan31

Tu dois donner plus de précision pour le H1.
Pourquoi utilises tu le jeu de caractères atypique windows-1256?

Le charset en haut de ta CSS n'a d'intérêt que si son contenu contient ou est
susceptible de contenir des caractères non ASCII (contenu généré, nom de polices...)

---

merci ,
moi j'utilise le webexpert6 et c'est par défaut le mot charset se trouve dans toutes les pages css! mais il n'as pas d'influence?

Le windows 1256 est le codage Windows pour les textes arabes.
Si ce n'est pas le cas, contentes toi de l'UTF-8 ;)