Bonjour,

Merci d'avance de m'apporter vos bonnes idées ! Y a-t-il un moyen de mettre de façon simple une image sous un menu déjà conçu...

<img src="images/mon_image.gif" alt="" width="630" height="27" border="0">

Son fond a déjà une couleur mais pas d'image dégradé, comme je le voudrais. Y a-t-il un code ?

Mon menu html est simple:

<ul id="menu">
  <li><a href="index.html">Accueil</a></li>
  <li><a href="textes/textes.html">Textes</a></li>
  <li><a href="photos/photos.html">Photos</a></li>
  <li><a href="vidéos/vidéos.html">Vidéos</a></li>
  <li><a href="animations/animations.html">Animations</a></li>
</ul>

et voilà mon menu css :

/* --------- Menu ---------- */

#menu {
  background-color:#000000;
  float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
  }

#menu li {
  background-color:#000000;
float: left;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS";
margin: 0;
padding: 0;
  }

#menu a {
  background-color:#000000;
color: #ccc;
font-size: 12px;
display: block;
float: left;
margin: 0;
padding: 2px 14px;
text-decoration: none;
font-weight:normal;
  }

#menu a:hover {
  background-color:#000000;
font-size: 12px;
    font-weight: bold;
color: #FFFFFF;
padding-bottom: 2px;
  }         

/* -------- Liens --------- */

A:link {
  color : #FFA811;
  font-size: 12px;
  font-weight: bold ;
  }

A:visited {
  color : #FFA811;
  font-size: 12px;
  font-weight: bold ;
  }

A:hover {
  color : #FFA811;
  font-size: 12px;
  font-weight: bold ;
  }

Tu as essayé de faire un background-image sur le css de ton menu ?