Bonjour,
Comme je ne veux pas réinventer la poudre, j'ai récupéré un code pour un menu vertical.
Tout fonctionne correctement. Je voudrai juste faire un "text-decoration:underline" sur le lien(!) qui affiche le sous menu.
page index :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
		<ul>
			<li><a href="index.php?page=accueil">Accueil</a></li><br>
			<li><a href="index.php?page=programme">Programme</a></li><br>
			<li><a href="index.php?page=association">L'Association</a><br><br>
			<li><span class="menuli" onclick="javascript:showmenu(document.getElementById('sousmenu4'));">Troissy historique</span></li>
			<ul class="sousmenu" id="sousmenu4" style="list-style-type:none; display: none;">
				<li><a href="index.php?page=histoire"><span>L'Histoire de Troissy</a></span></li>
				<li><a href="index.php?page=photos"><span>Cartes anciennes</a></span></li>
				<li><a href="index.php?page=eglise"><span>&Eacute;glise St-Martin</a></span></li>
				<li><a href="index.php?page=crypte"><span>La Crypte</a></span></li>
				<li><a href="index.php?page=temple"><span>Le Temple</a></span></li>
				<li><a href="index.php?page=abbaye"><span>Abbaye de l'Amour-Dieu</a></span></li>
			</ul>
 
....

le code css
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
a{text-decoration:none;color:yellow;}
a:hover{text-decoration:underline;color:yellow}
 
ul {
	padding : 0px;
	margin-left : 1.2em;
	font-family:verdana;
	font-size : 0.8em;
	list-style-type:none;
}
ul.menu,ul.sousmenu{list-style-type:none;margin:0em;padding:0em;}
ul.menu li.titre{margin-bottom:0.1em }
ul.sousmenu li{color:#FFFFFF;margin-left:1em;padding:0em;margin-bottom:0.2em;}
ul.sousmenu li span{color:#FFFFFF;font-size:1.2em;}
.menuli{cursor:pointer;	color:yellow;}
Et s'il y a du code qui vous chagrine, ne vous gênez pas, je suis preneur !!