Discussion :

[le_fif]

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 :

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
 
<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 :

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

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.

[c_s_s]

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 php :

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

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 css :

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

1
2
3
#ssmenu2 {
    display:none;
}

[le_fif]

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 !

[le_fif]

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 ?