Discussion :

[LGnord]

Salut,

Je fais une grosse mise à jour sur mon site et j'ai un problème avec des listes.

Dans l'ancienne version, j'avais des listes simples. Mon CSS permettait d'avoir une image de fond devant chaque item de ma liste (ma liste ne contient que des href):

Code :

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

1
2
3
4
5
6
7
 
ul.submenu a
{
	...
	background-image: url(../images/submenu_bullet.gif);
	...
}

Dorénavant, j'ai des listes imbriquées et je souhaite utiliser l'image de fond uniquement sur les éléments extérieurs. Et je n'y arrive pas.

J'utilise des

Code :

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

background-image: none;

un peu partout mais rien n'y fait:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
ul.subsubmenu a
{
	...
	background-image: none;
	...
}
ul.submenu li li a
{
	...
	background-image: none;
	...
}

J'ai aussi essayé de préciser qui pouvait l'image de fond de la manière suivante:

Code :

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

1
2
3
4
5
6
ul.subsubmenu.li.a
{
	...
	background-image:url(../images/submenu_bullet.gif);
	...
}

Mais je n'ai plus d'image du tout.

Merci de votre aide.

[Apollinaire]

Bonsoir,

Serait t-il possible de voir un peu plus de code, notamment le HTML de la liste ?

[LGnord]

Voici un morceau de code html:

Code :

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

1
2
3
4
5
6
7
 
...
<ul class="submenu">
  <li><a href="index.html"><u>OVERVIEW</u></a></li>
   ...
</ul>
...

As-tu besoin d'en voir plus?

[Apollinaire]

Bonjour,

Juste la seconde liste imbriquée dans la première car ici elle n'apparait pas.

Car, normalement le code suivant suffit :

Code :

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

1
2
3
4
5
6
7
<ul class="submenu">
	<li><a href="index.html"><u>OVERVIEW</u></a>
		<ul class="subsubmenu">
			<li><a href="index.html"><u>OVERVIEW</u></a></li>
		</ul>
	</li>
</ul>

Et le CSS

Code :

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

1
2
3
4
5
6
7
8
ul.submenu a
{
	background-image: url(../images/submenu_bullet.gif);
}
ul.submenu ul.subsubmenu a
{
	background-image: none;
}

[LGnord]

Merci Apollinaire,

C'est exactement ce que j'ai essayé. Mais cela ne marche pas. Un autre élément de mon CSS doit influencer sur mon image de fond mais je ne trouve pas le quel.

Du coup, je suis parti sur des solutions plus compliquées qui n'ont rien données.

Pour finir, on va sous-traiter le design et la réalisation de notre site à des pros.

[devyan]

Bonjour,

Un autre élément de mon CSS doit influencer sur mon image de fond mais je ne trouve pas le quel.

Possible mais sans ton CSS nous ne pouvons te dire lequel...

devyan

[LGnord]

Possible mais sans ton CSS nous ne pouvons te dire lequel...

Je n'ai pas demandé d'aide sur ce point.

Mais tu as réussi à me faire rire. Ce qui est agréable pour un lundi matin