Comment faire des menus déroulant

<ul>

<li>Objectif
<ul>
<li>Objectif 1</li>
<li>Objectif 2</li>
</ul>
</li>

<li>Lien
<ul>
<li>Lien 1</li>
<li>Lien 2</li>
</ul>
</li>

</ul>

Je crois, ou j'espère, ne pas mettre craqué ! ;)
N'oublies pas de mettre <a></a> car je les aient pas mis !

Ok, merci.
Mais après comment faire pour que les sous menu ne sois pas visible, juste le menus principale.
Exemple.

Menu principaleFilm

Sous menusFILM1
FILM2
FILM3
FILM4
FILM5
Merci d'avance, je veut faire exactement la m^me chose que sur le site de la fox. :)

les menus deroulants sont ecrits en javascript en général tu peux donc en lisant le code source t'en inspirer si tu ne sais pas trop le faire tu peux en trouver des touts faits sur google ou te servir de celui ci
http://jeanmichel.gens.free.fr/menu2.php

Merci,Merci,Merci,Merci,Merci,Merci,Merci,Merci,Merci,Merci.
C'est sa que je cherche, je vais me pencher sur la chose. je vous tiens au courants.
En attendant voila mon site, qui n'est pas fini.
http://younglight-pictures.fr/

un merci ça fait toujours plaisir aux gens qui répondent c'est bien

mais si tu avais cherché il a déja été répondu à ce sujet
avec une recherche google tu aurais atterri sur CCM

Les menus déroulants ne sont pas TOUS en Javascript !

Avec ce que je t'ai donné, tu dois tout régler en bidouillant la feuille CSS associée !

Ok, je vais tout regarder, et je vous dirai quand j'aurais réussis.
Merci à vous deux.

J'ai un probléme, le code fonctionne. mais je n'arrive pas à faire en sorte à ce que le menu déroulants passe devant le corps de la page quand je passe ma souris dessus.
Comment faire?
Pas, je ne suis pas un pro de la programmation HTLM, CSS et tout le reste.

du quel tu parles ?

Je parle, du menu déroulants, et je voudrais qui passe devans le texte. Car moi sa descend le corp de page à chaque fois.
Je veut faire pareille que sur le site de la FOX.
http://www.foxstudios.com/
Merci d'avance.

Sa y est j'ai mon script, est il marche parfaitement.
mais probléme.
Comment le centrer en haut entre l'en tête et le corps ?
Merci d'avance.

Il est pas déroulant ce menu chez foxstudios!!

Si, il y a les menu production services depts qui est déroulant. Mais j'ai mon script de menu. le seul probléme c'est que je n'arrive pas à le centrer.
Comment faire?

Autant pour moi, quand je pense déroulant je pense à l'effet javascript...
Affecter la propriété text-align: center au <li> ou au <a>.
https://www.zonecss.fr/proprietes-css/text-align-css.html

Oui, mais mon texte est aligné au milieu des blocks de menu.
mais après je veut mettre mon menu au centre de ma page en haut.
Comment faire?
Merci beaucoup d'avance.

alors affecter la propriété margin: 0 auto; au ul avec un width à 100%

J'ai essayer mais sa ne fonctionne pas.
Je postz mon script CSS. Sa pourra aider.

body {
background-color: #000;
}
#en_tete {
color: #FFF;
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:inherit;
padding:0;
background-color:#333;
}
#menu li a {
display:block;
width:116px;
color:white;
text-decoration:none;
padding:1px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
#corps
{
color: #FFF;
background-color: #626262;
background-image: url("font gris.jpg");
background:no-repeat
border: 1px solid black;
margin-left:240px;
margin-right:240px;

}
#pied_de_page {
color:#FFF;
background-color: #626262;
background-image: url("dégrader bas.jpg");
border: 1px solid black;
margin-left:240px;
margin-right:240px;
}

Merci d'avance.