Un menu vertical entre deux images

Bonjour,

je me demande s'il y a quelqu'un qui pourrait m'orienter pour mettre un menu vertical entre deux photos.
j'ai réussi à créer un menu vertical avec une image en haut du bloc mais pour celle du bas je ne sais pas par qoui je dois commencer, voici mon code:
coté CSS:

#menu h1
{
        line-height: 25px;
        margin: 0;
        padding-top: 10px;
        padding-left:20px;
        padding-bottom:5px;
        vertical-align: bottom;
        color:#C1C1C1;
        background-color:#FDFDFD;
        background: url('images/menu_haut.jpg') no-repeat;
        border-right:1px solid rgb(200,195,200);
}
#menu h1 img {margin-right:5px;}

coté html-php:

<div id="menu_cours">
<h1>xxxxxxxxxx</h1>
<div class="corps_menu">
<ul>
<li><a href="#.htm">lien1</a></li>
<li><a href="#.htm">lien2</a></li>
<li><a href="#.htm">lien3</a></li>
<li><a href="#.htm">lien4</a></li>
</ul>
</div>
</div>

Merci d'avance!

Hello,

je ne suis pas un artiste mais un schéma vite fait :



en noir une première div qui contient une image en backrgound (mise en "top" no repeat), en rouge une deuxième div à l'intérieur de la première, avec une image en background (mise en "bottom" norepeat)

Pour plus d'infos, cherche les "boites coulissantes css" sur Google.

Bonne chance

Regarde ici:
[ Lien ]
Regarde ca aussi si ca t'interesses, j'ai pas trop compris en fait ce que tu voulais faire :
lalalala

Bonne lecture
_Marikou

y a t il un moyen d'adapter une image ayant une taille fixe p.e: 150x50px à un bloc de taille différente?

Pas une image en background css non. Obligé de passer par <img src="..." />

je crains que j'ai pas bien saisi ta replique,  veux tu m'expliquer davantage stp

Tu connais les css ? tu as la propriété background où tu peux préciser :

background: url(dfshde.jpg) top left repeat-y;

par exemple, mais pas

background: url(fsdhyt.jpg) top left width 100px; ou je sais pas trop quoi.

Bref, pour agrandir une image, elle doit être être représentée par une balise <img> pour laquelle tu précises sa hauteur et largeur (width:100px; height: 100px; en css).

à+