Liste déroulante

Bonjour,

j'ai créé des menus, dont un qui serra déroulant...

Mais voilà ça marche pas.

1) es ce faisable ?

2) si oui es la bonne méthode?

3) dois je inclure un CSS ou du PHP ?

4) le PHP c'est du chinois pour moi...

j'ai déjà fait de superbe chose pour un débutant...


HTML:


<div id="menu">
<DIV class="contenu_menu1">
<P CLASS="titre_menu1">PRESENTATION</P>
<ul>
<li><A HREF="../html/cv.html">CV</A></li>
<li><a href="../html/lettspon.html">Lettre spontannée</a></li>
<li><a href="../html/projets.html">Projets</a></li>
</ul>
</DIV>
<DIV class="contenu_menu2">
<P CLASS="titre_menu2">TRAVAUX INFORMATIQUE</P>
<ul>
<a href="logiciel gpao.html">- Logiciel GPAO</a><BR/>
<a href="credit.html">- Calcul d'un crédit</a><BR/>
<a href="rente.html">- Calcul d'une rente</a><BR/>
<a href="page4.html">- Lien</a><BR/>
<a href="page5.html">- Lien</a><BR/>
</ul>
</DIV>

<DIV class="contenu_menu3">
<form method="post" action="traitement.php">
<P CLASS="titre_menu2">GUYANE</P>
<select name="pays" id="pays">
<option value="../html/animaux.html">ANIMAUX</option>
<option value="espagne">Espagne</option>
<option value="italie">Italie</option>
<option value="royaume-uni">Royaume-Uni</option>
</select>
</form>
</DIV>
</div>


CSS:


#menu
{
float: left;
width: 180px;
margin-right: 15px;
}

.contenu_menu1
{
background-image: url("../fonds ecran/dessinindusordi.jpg");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 15px;
}

.contenu_menu2
{
background-color: white;
background-image: url("../fonds ecran/matosinfo.jpg");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 15px;
}

.contenu_menu3
{
background-color: white;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 15px;
}

.titre_menu1
{
font-size: 16pt ;
font-family: Times New Roman ;
font-weight: bolder ;
color: blue ;
text-align: center;
text-decoration: underline blink;
}

.titre_menu2
{
font-size: 16 pt ;
font-family: Times New Roman ;
font-weight: bolder ;
color: black ;
text-align: center;
text-decoration: underline ;
}

.titre_menu3
{
font-size: 16 pt ;
font-family: Times New Roman ;
font-weight: bolder ;
color: black ;
text-align: center;
text-decoration: underline ;
}

Voilà pour ce que j'ai fait pour le moment. Les 2 premier menus sont ok pour moi...

C'est juste le 3ème que je veux créer en liste déroulante.

Pour ma liste déroulante, j'aimerais un truc simple si possible,

il faudrait que d'un simple clic de souris, j'ouvre ma page.

Et ça, sans devoir sélectionner, et ensuite cliquer sur un bouton "envoi ou go".

Je voudrais optimiser à fond mon site.

Encore Merci.