IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

liste non ordonnée en css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Par défaut liste non ordonnée en css
    bonjour,
    j'ai une liste non ordonnée avec des puces rond(disk):
    ,
    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?

  2. #2
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    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;
    }

  3. #3
    Membre confirmé Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Par défaut
    bonjour,
    merci css le probleme c'est que meme si j'enleve la proprité class des ul 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!!

  4. #4
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    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 ?

  5. #5
    Membre confirmé Avatar de logiciel_const
    Inscrit en
    Octobre 2007
    Messages
    167
    Détails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 167
    Par défaut
    Citation Envoyé par c_s_s Voir le message
    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:
    Fichiers attachés Fichiers attachés

  6. #6
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    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.


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Liste non ordonnée en HTML
    Par Contrec dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 03/12/2009, 13h05
  2. Problème liste non-ordonné interligne IE
    Par Addict` dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 13/02/2009, 11h00
  3. [HTML 4.0] Centrer une liste non ordonnée sans CSS
    Par jeremdu94 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 28/12/2008, 23h04
  4. [XHTML - W3C] liste non ordonnée en XHTML 1.1
    Par m4dm4x dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 11/09/2008, 03h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo