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

HTML Discussion :

Problème avec les listes


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 15
    Par défaut Problème avec les listes
    Bonjour,
    Je suis actuellement en formation, je viens d'apprendre a utiliser les listes dans le HTML mais je rencontre un problème avec mes puce.
    J'utilise la valeur par défaut "disc". Par contre j'aimerai pourvoir centrer mes puces par rapport a ma ligne, car actuellement elle se trouve au plus bas. J'aimerai également les changer de couleur, et pour finir j'ai un espace entre mes puces et mon texte que j'aimerais supprimer. Voilà, j'espère avoir été clair
    Pouvez vous m'aider s'il vous plaît
    Merci d'avance

  2. #2
    Membre Expert Avatar de RunCodePhp
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    2 962
    Détails du profil
    Informations personnelles :
    Localisation : Réunion

    Informations forums :
    Inscription : Janvier 2010
    Messages : 2 962
    Par défaut
    Salut

    Pour le centrage, tout est une question de contenu et contenu.

    Les LI sont contenus dans le UL
    Le UL est contenu dans ??? (ton conteneur, comme une DIV par ex.).

    Pour centrer les LI, tu peux appliquer un Css comme text-align: center
    Par contre, fait des essais, car il y a des marge et autre décalage par défaut, et sur les 2 éléments ul et li, attribut padding et margin.
    (bidouille un peu ces 2 attributs sur les 2 éléments ul et li, je ne sais sur lesquels ça s'applique)
    Mais il y a aussi : list-style-position:inside pour la position des puces (li) par rapport au block ul.

    Petite parenthèse :
    Une technique consiste à définir dès le tout début, et pour tous les éléments toutes les marges et décalages à 0 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    * {
        margin: 0;
        padding: 0;
    }
    Ensuite, de redéfinir élément par élément ces propres marges et décalages.
    Ca peu paraitre fastidieux, mais ça a l'avantage d'avoir un peu plus "la main" sur ce point, car on sait qu'il y a des différences selon les navigateurs.
    Un truc qu'il vaut mieux faire quand on commence un site.


    Pour changer de couleurs des puces, c'est l'attribut : color=red
    Par contre, ça s'appliquera à toute la liste, pas seulement aux puces.
    Je n'est pas connaissance d'un attribut pour définir la couleur juste pour les puces.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 15
    Par défaut
    Citation Envoyé par RunCodePhp Voir le message
    Salut

    Pour le centrage, tout est une question de contenu et contenu.

    Les LI sont contenus dans le UL
    Le UL est contenu dans ??? (ton conteneur, comme une DIV par ex.).

    Pour centrer les LI, tu peux appliquer un Css comme text-align: center
    Par contre, fait des essais, car il y a des marge et autre décalage par défaut, et sur les 2 éléments ul et li, attribut padding et margin.
    (bidouille un peu ces 2 attributs sur les 2 éléments ul et li, je ne sais sur lesquels ça s'applique)
    Mais il y a aussi : list-style-position:inside pour la position des puces (li) par rapport au block ul.

    Petite parenthèse :
    Une technique consiste à définir dès le tout début, et pour tous les éléments toutes les marges et décalages à 0 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    * {
        margin: 0;
        padding: 0;
    }
    Ensuite, de redéfinir élément par élément ces propres marges et décalages.
    Ca peu paraitre fastidieux, mais ça a l'avantage d'avoir un peu plus "la main" sur ce point, car on sait qu'il y a des différences selon les navigateurs.
    Un truc qu'il vaut mieux faire quand on commence un site.


    Pour changer de couleurs des puces, c'est l'attribut : color=red
    Par contre, ça s'appliquera à toute la liste, pas seulement aux puces.
    Je n'est pas connaissance d'un attribut pour définir la couleur juste pour les puces.
    Merci beaucoup pour ta réponse, malheureusement je n'ai rien reussi a faire de plus, je n'ai pas encore assez avancé dans ma formation, je ne sais pas encore ce que c'est qu'un css , et je n'ai pas encore utiliser magin et padding. dur dur

  4. #4
    Membre Expert Avatar de RunCodePhp
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    2 962
    Détails du profil
    Informations personnelles :
    Localisation : Réunion

    Informations forums :
    Inscription : Janvier 2010
    Messages : 2 962
    Par défaut
    je ne sais pas encore ce que c'est qu'un css
    Ah la la, vous êtes marrant

    Si tu commence par mettre la toiture de ta maison avant de poser la charpente, ça va pas l'faire

    Et bien là c'est pareil, faut peut être commencer par le début, non ?
    comme avoir les bases en Css avant.

    Laisse courir les guirlandes et les boules à facettes, et fais un menu en pur HTML, c'est simple, rapide, et ça fonctionnera tout aussi bien (sinon mieux), et tu passe à l'étape (ou exercice) suivante.

    Lorsque les cours Css seront fais, et bien tu reviendras sur cette affaire, ça sera surement plus limpide.

    Enfin, c'est une idée

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 15
    Par défaut
    Citation Envoyé par RunCodePhp Voir le message
    Ah la la, vous êtes marrant

    Si tu commence par mettre la toiture de ta maison avant de poser la charpente, ça va pas l'faire

    Et bien là c'est pareil, faut peut être commencer par le début, non ?
    comme avoir les bases en Css avant.

    Laisse courir les guirlandes et les boules à facettes, et fais un menu en pur HTML, c'est simple, rapide, et ça fonctionnera tout aussi bien (sinon mieux), et tu passe à l'étape (ou exercice) suivante.

    Lorsque les cours Css seront fais, et bien tu reviendras sur cette affaire, ça sera surement plus limpide.

    Enfin, c'est une idée
    C'est ma formation qui est faites ainsi j'ai un ordre a respecter, donc pas de Css pour l'instant, je dois faire sans.

Discussions similaires

  1. Problème avec les listes de valeurs
    Par yalla3 dans le forum Débuter
    Réponses: 2
    Dernier message: 03/05/2007, 15h36
  2. [TP 7] Problème avec les listes chaînées (error 202)
    Par thelinekioubeur dans le forum Turbo Pascal
    Réponses: 4
    Dernier message: 06/12/2006, 23h15
  3. Problème avec les listes
    Par labatunga dans le forum Scheme
    Réponses: 4
    Dernier message: 26/11/2006, 21h09
  4. Problème avec les listes
    Par aliassaf dans le forum Général Python
    Réponses: 3
    Dernier message: 10/07/2006, 17h57

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