Discussion :

[gparis13]

Bonjour à tous,

je suis tout débutant en HTML et en CSS, et je pratique la récup active (un ch'tit bout par ci, un ch'tit bout par là)... et faute de temps, je ne me plonge pas à fond dans le html / css. Or, je bloque et je ne suis pas loin de la crise de nerfs :

problème simplissime : j'ai une liste à puces, mais un interligne entre chaque paragraphe trop grand et je n'arrive pas à le réduire, malgré l'utilisation de line-height...

Voici ma feuille de style :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 *>ul {
    /*ff*/
    list-style: disc outside;
    padding-left: 10px; /*espace pour la puce dans la marge intérieur du ul*/
    margin-left: 10px;
    color: #6A5ACD;
    line-height: normal;
    padding-bottom: 0px;
    padding-top: 0px;
}
* html ul {
    /*IE*/
    list-style: disc outside;
    margin-left: 15px; /*espace pour la puce dans la marge extérieur du ul*/
    padding-left: 10px;
    color: Purple;
    padding-bottom: 0px;
    line-height: normal;
        padding-top: 0px;
}
 
li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 10px;
    padding-bottom: 0px;
    line-height: normal;
            padding-top: 0px;
}

Je ne comprends pas bien la différence entre ul et li...

Pouvez-vous m'aider ?

Merci d'avance !

[Kerod]

li : c'est la balise qui définit la ligne de la liste.
ul : c'est le bloc contenant tous les li



Maintenant il reste plus qu'à savoir comment sont constitués tes paragraphes. Dans les li ou ce sont des ul ?

Dans les deux cas il faudrait jouer sur le margin (en CSS)

Code :

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

margin: 0