Un menu

Salut.
As-tu pensé à chercher sur Google avec les mots-clés « menu deroulant » ?
https://css.developpez.com/tutoriels/menu-deroulant/

Du coté de Jquery !
https://api.jquery.com/
et un site vraiment sympa avec des scripts et des démos :
http://www.htmldrive.net/categorys/show/Menu-Navigation/1

sur ta page tu met ca :

<ul id="header_menu">

<center><a href="#" style="background:transparent;font-weight: bold;font-size: 14px;">News</a></center>

<ul>
<li><center><a href="modules.php?ModPath=archive-stories&ModStart=archive-stories">Nouvelles</a></center></li>
<li><center><a href="sections.php">Rubriques</a></center></li>
<li><center><a href="topics.php">Sujets actifs</a></center></li>
<li><center><a href="faq.php">FAQ</a></center></li>
<li><center><a href="download.php">Downloads</a></center></li>

</ul>
</li>
</div>

et dans ton css :

/* Menu déroulant*/
#header_menu {
position: absolute;
padding : 2px 0 0 0; /* pas de marge intérieure */
margin : 0px 0px 0px 0px; /* ni extérieure */
list-style : none;
line-height : 34px; /* définit une hauteur pour chaque élément */
font-weight : bold; /* texte en gras */
font-family : Arial;
font-size : 12px; /* hauteur du texte : 12 pixels */
float: left;
}

#header_menu ul { /* Liste */
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none;
line-height : 21px; /* définit une hauteur pour chaque élément */
}

#header_menu a { /* Contenu des listes */
display : block; /* Les liens deviennent des balises de type block */
padding : 0;
color : #fffccc; /* couleur du texte */
text-decoration : none;
}

#header_menu li { /* Éléments des listes */
float : left;
width : 150px;
background: transparent;
}

#header_menu li ul { /* Sous-listes */
position: absolute;
border: 1px solid #997c50;
width: 150px;
left: -999em;
background: url("../images/LBlocs/bg-menu.png") repeat;
}

#header_menu a:hover { /* Lorsque la souris passe sur un des liens */
color: #fffee6; /* On passe le texte en noir... */
text-decoration:underline;
}
#header_menu li:hover ul ul, #menu li.sfhover ul ul {
left: -999em;
}

#header_menu li:hover ul, #header_menu li li:hover ul, #header_menu li.sfhover ul, #header_menu li li.sfhover ul {
left: auto;
min-height: 0;
}

Merci beaucoup j'ai trouver