Discussion :

[bedford]

Bonjour,

j'ai une page qui est générée automatiquement par un CMS et je n'ai pas de contrôle sur les classes.

J'ai deux type de listes, pour l'une je souhaite des bullets mais pas pour l'autre. J'essaye de définir la classe où je ne veux pas de bullets mais ça ne la prend pas en compte. Est-ce quelqu'un pourrait m'aider ?
Voici le code:
HTML:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="mBody">
<h1>Gemini Concepts</h1>
<h3 id="siteSub">From WikiGemini Preview</h3>
<div id="contentSub"/>
<table id="toc" class="toc" summary="Contents">
<tbody>
<tr>
<td>
<div id="toctitle">
</div>
<ul>
<li class="toclevel-1">

l'extrait du CSS:

Code css :

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

1
2
3
4
5
6
7
8
9
10
 
#mBody li{
	background:transparent url(bullet.gif) no-repeat scroll left 0px;
	list-style-type: none;
	padding-left: 12px;
}
 
.toclevel-1 ul{
	list-style-type: none;
}

Au fait je veux des bullets pour tous les li dans #mBody sauf pour le li class toclecel-1
Avec FireBug le toclevel-1 ne semble même pas être pris en considération.

Je pêche là dessus, merci à toute personne pouvant m'aider !

[Bisûnûrs]

Et je pense que tu vois avec Firebug que le "#mBody li" est au-dessus de ".toclevel-1 ul".

Dans ce cas, remplace ".toclevel-1 ul" par "#mBody li.toclevel-1 ul"

[bedford]

Salut et un grand merci pour ta réponse rapide.

J'ai essayé ton code et ça ne fonctionne pas.

Au fait voici la sortie firebug quand je sélectionne le li toclevel-1:

Code css :

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
 
#mBody li {
background:transparent url(bullet.gif) no-repeat scroll left 0;
list-style-type:none;
padding-left:12px;
}
main.css?207 (ligne 1172)
li {
margin-bottom:0.2em;
margin-top:0.2em;
}
content.css (ligne 55)
Hérité deul
#toc ul, .toc ul {
list-style-image:none;
list-style-type:none;
text-align:left;
}
main.css?207 (ligne 1160)
Hérité detd
body, td, th, input {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
}
r.css (ligne 120)
Hérité detable#toc.toc
#toc {
font-size:95%;
}
main.css?207 (ligne 172)
Hérité debody
body, td, th, input {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
}
r.css (ligne 120)
body {
color:#000000;
}

[Bisûnûrs]

Ca serait plus judicieux d'avoir le code quand tu sélectionnes le ul sous le li toclevel-1.


Et je viens de voir que tu as déjà list-style-type:none au premier niveau .. C'est pas cette propriété qui est à réaffecter, mais le background à mettre à none.

[bedford]

voici la sélection du UL qui encapsule le li toclevel-1
le UL est contenu dans le #mBody

Code css :

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
 
#mBody ul {
}
#toc ul, .toc ul {
list-style-image:none;
list-style-type:none;
margin-left:0;
padding-left:0;
text-align:left;
}
Hérité detd
body, td, th, input {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
}
body {
color:#000000;
}

[Bisûnûrs]

Et je viens de voir que tu as déjà list-style-type:none au premier niveau .. C'est pas cette propriété qui est à réaffecter, mais le background à mettre à none.

[bedford]

Cool, ça fonctionne. Merci infiniment pour ton aide !!!