Discussion :

[smackinou]

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

[RunCodePhp]

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.

[smackinou]

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

[RunCodePhp]

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

[smackinou]

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.