Discussion :

[p0Kep0K]

Hello!

J'ai trouvé un menu déroulant freeware CSS/Javascript sur le net et j'ai 2 - 3 petits problèmes de personnalisation avec les CSS...

Voici le code HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
<ul id="menu">
    <li>
      <a href="#">menu</a>
        <ul>
            <li><a href="#">sous-menu1</a></li>
            <li><a href="#">sous-menu2</a></li>
            <li><a href="#">sous-menu3</a></li>
        </ul>
    </li>
</ul>

Avec le fichier CSS je peux personnaliser l'apparence des menus. Le problème c'est que les menus et sous-menus sont de la même classe. J'aimerais pouvoir donner une apparence différente pour chaque étage (menus et sous-menus). Comment faire ca?

Et encore une question:
Dans ce fichier CSS, il y a des classes qui se "nomment" .menu li ul puis .menu li li ul et ensuite .menu li li etc. Quelqu'un peut m'expliquer pourquoi on a les puces qui sont représentées 3 fois différemment et qu'est-ce que ca signifie?

Un grand merci d'avance!

(PS: s'il y a besoin du fichier CSS je le poste sans problème)

[Paniez]

Salut,
Avant tout, la classe ".menu" ne pourra pas fonctionner (du moins avec le code que tu nous donne) car tu as menu en id (id="menu"), ce qui sous-entend que tu peux y accéder en #menu.
De plus, en ce qui concerne ton problème de personnalisation, si tu mets :

Code :

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

#menu ul li

tu accèdes aux menus et sous-menus.
Le plus simple serait de mettre un id sur chaque "ul" de chaque sous-menu (smenu1 par exemple).
Sinon, pour éviter ce problème, il faudrait distinguer les menus des sous-menus (<p> et </p> pour les menus par exemple).
Voili voilou

[p0Kep0K]

Nickel avec la balise < p >!
J'avais aussi cherché une solution de remplacement des puces mais je n'avais pas pensé à celle-ci!
Merci beaucoup! A+