menu déroulant css.

Bonjour à tous, je suis en train de reprendre un site qu'un amis à codé, et j'aimerais transformer le menu "statique" en "dynamique", mais je galére depuis 2jours, et si qqn a une idée, je suis preneur !

voila le code de la page :
(le css n'est pas mon fort au passage !)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<div class="test"> <ul> <li> <p id="menu2" class="menu1<?php echo ($_SESSION['current_page'] === 'ssmenu2') ? 'current' : ''; ?>"> <a href="Services.php">Services</a> </p> </li> <ul id="ssmenu2" class="ssmenu<?php echo ($_SESSION['current_page'] === 'ssmenu2') ? 'current' : ''; ?>"> <li> <a href="Training.php">Formation</a> </li> <li> <a href="Consulting.php">Conseil</a> </li> <li> <a href="Development.php">R&amp;D</a> </li> </ul> </ul> </div>

---

je voulais donc faire disparaitre la barre de menu formation conseil R&D avec un bout de css :

Code:

---

1 2 3 4

.test ul li ul a { display:none; }

---

mais déjà ça ne marche pas, pensez vous que je m'y prennent bien pour atteindre les balise <a> dans les sous menus ?

Cordialement.

Bonjour,

Déjà, le code HTML n'est pas correct.
Un <ul> ne peut pas se trouver entre </li> et <li>. Il doit se trouver entre <li> et </li>.

Ensuite, d'après ton CSS, tu essaies de faire disparaitre tout le sous menu 2. Autant cibler directement #ssmenu2 plutôt que les liens, non ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<div class="test"> <ul> <li> <p id="menu2" class="menu1<?php echo ($_SESSION['current_page'] === 'ssmenu2') ? 'current' : ''; ?>"> <a href="Services.php">Services</a> </p> <ul id="ssmenu2" class="ssmenu<?php echo ($_SESSION['current_page'] === 'ssmenu2') ? 'current' : ''; ?>"> <li><a href="Training.php">Formation</a></li> <li><a href="Consulting.php">Conseil</a></li> <li><a href="Development.php">R&amp;D</a></li> </ul> </li> </ul> </div>

---

Code:

---

1 2 3

#ssmenu2 { display:none; }

---

Merci de ta réponse, je m'aperçois en effet de mes erreurs.

j'essaye de suite !

D'ailleurs je viens de tomber sur un tuto du site :
http://css.developpez.com/tutoriels/menu-deroulant/
qui est vraiment intéressant !

Une dernière chose, si je fais disparaitre le menu à ce niveau la, comment puis-je le faire apparaitre au passage de la souris sur l'élément "Service", je ne vois pas trop ?