Bonjour,

Voila, je suis novice en la matière et mes recherches ayant toutes été infructueuses (y compris au sein de commentcamarche). En désespoir de cause, je finis par faire part du problème que je rencontre en espérant que quelqu'un pourra m'aider car "je patauge!"....

En fait je rencontre 2 problèmes:

J'intègre un menu CSS horizontal dans un site web (jusque là aucun problème). Voici les codes:


CSS:
------
ul#le-menu {
list-style-type:none;
width:100%;
position:relative;
height:27px;
font-size:13px;
font-weight:bold;
margin:0;
padding:11px 0 0 0;
}

ul#le-menu li {
display:block;
float:left;
margin:0 0 0 3px;
height:27px;
}

ul#le-menu li.left {
margin:0;
}

ul#le-menu li a {
display:block;
float:left;
color:#fff;
background:#000000;
line-height:27px;
text-decoration:none;
padding:0 7px 0 8px;
height:27px;
}

ul#le-menu li a.right {
padding-right:19px;
}

ul#le-menu li a:hover {
background:#854d00;
}

ul#le-menu li a.current {
color:#854d00;
background:#e6e5d0;
}

ul#le-menu li a.current:hover {
color:#854d00;
background:#e6e5d0;
}




HTML:
------
<ul id="le-menu">
<li><a href="lien01" class="current">01</a></li>
<li><a href="lien02">02</a></li>
<li><a href="lien03">03</a></li>
</ul>


... tous les onglets inactifs ont un background de couleur #000000 mais ce que je souhaite obtenir c'est des onglets en dégradé. C'est à dire que le 01 = #000000, le 02 = #333333, le 03 = #666666. Et je n'y arrive désespérément pas!... je pense que c'est probablement possible en attribuant un id individuel à chaque lien mais je ne sais pas comment l'on fait.

Et enfin le problème numéro 2, c'est que je souhaite avoir un drop-down sur le lien 02. Mais toutes mes tentatives avec une sous-liste n'ont rien donné de bon : tout le menu est déstructuré sitôt que j'ajoute la sous-liste. Voici ce que j'avais fait:

HTML:
------
<ul id="le-menu">
<li><a href="lien01" class="current">01</a></li>
<li><a href="lien02">02</a></li>
<ul><li>sous menu 02</li></ul>
<li><a href="lien03">03</a></li>
</ul>

Quelqu'un veut-il bien avoir la gentillesse de m'aider SVP, car je butte et n'avance plus dans la création de ma page. Merci beaucoup de votre aide.

justME

Configuration: Windows Vista
Firefox 3.0.11