Discussion :

[akara]

Bonjour,
j'ai défini différents id pour les div contenant une liste ul li, mais lorsque je crée une nouvelle classe ou id avec différent attribut pour une liste ul li , tous les listes ul li ayant un id/classe différent prennent tous les mêmes attributs malgrès les id/class différents.
voici le css des listes ul li

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
 
ul {
    padding-left: 50px;
 
}
 
li {
    line-height: 25px;
}
...
#menu1 {
    float: right;
    margin-top: 15px;
    width: 400px;
    text-align: right;
}
 
#menu1 ul {
    list-style: none;
}
 
#menu1 ul li {
    display: inline;
    font: 18px/26px Arial, Helvetica, sans-serif;
    color: White;
}
 
#menu1 ul li a {
    font-weight: normal;
    text-decoration: none;
    color: White;
}
 
#menu1 ul li a:hover {
    text-decoration: none;
    color: #E9E9E9;
}
 
#menu2 {
    height: 92px;
    text-align: center;
    background: url(../images/menu.jpg) no-repeat;
}
 
#menu2 ul {
    list-style: none;
}
 
#menu2 ul li {
    display: inline;
    height: 90px;
}
 
#menu2 ul li a {
    padding: 0 35px;
    font: normal 24px/90px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: White;
}
 
#menu2 ul li a:hover, #menu ul li a.active {
    text-decoration: none;
    color: #E9E9E9;
}
 
...
 
#list3 li{
 
  font-weigth: bold;
  color: black;
  margin-bottom : 2px;
 
}
#list3 a,a:visited{
    text-indent: 16px;
    background-color: orange;
		text-decoration: none;
		color: white;
    display:block;
    width: 100%;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    font-weight: bold;
}
 
#list3 a:hover{
    background: #ccc url("images/a.gif" ) 140px 4px no-repeat;
		color: black;
}

puis lorsque je fais

Code :

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

1
2
3
4
 
<ul id="list3">
...
</ul>

tous mes listes ul li prennent comme id list3 alors qu'ils ont des identifiants différents. ex ma div avec id menu2 prend les attributs de la list3 alors qu'ils ont bien des id différents. j'ai changé en class etc mais rien a changé tous mes listes ul li prennent la attributs de list3...
je vois pas ou ça bloque

[yonpo]

Effectivement, je ne vois pas trop d'où cela peut venir. Ton code css a l'air bon.

Regardes si les balises html sont correctement fermées.
Autrement regardes du côté du validateur W3C. Peut-être qu'il y a des erreurs de syntaxe dans le code html: http://validator.w3.org/