Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: CHRISB le le 04-06-2009 a 19:48:40

Titre: Image sous menu
Posté par: CHRISB le le 04-06-2009 a 19:48:40

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 ;
}

Titre: Re:Image sous menu
Posté par: CHRISB le le 05-06-2009 a 10:15:31

Vraiment pas une petite idée ? :)

Titre: Re:Image sous menu
Posté par: referencement boy le le 15-06-2009 a 10:26:37

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


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.