Comment insérer une image sous un menu css complexe?

[audioscribe]

Bonjour,

Je n'ai aucune compétence dans l'utilisation de langages informatiques et j'ai utilisé un kit graphique pour la réalisation du site sur lequel j'ai un soucis.

En effet, si on gagne en esthétisme avec l'utilisation d'un kit graphique on perd aussi dans la flexibilité de ce que l'on voudrait faire.

Ainsi, pour meubler mon site, j'aimerais ajouter une image en dessous du menu vertical

www.lescribeaudio.com

Le code css du menu vertical:

/* Menu vertical */

#menuvertical {
	width: 140px;
	margin: 57px 0 0 0 ;
	float: left;
	list-style-type: none;
}

#menuvertical li {
	display: block;
	width: 140px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	margin: 7px 0 0 0;
	background: url(images/menuvertical.jpg) no-repeat;
}

#menuvertical li a {
	color: #fff;
	text-decoration: none;
	margin: 0 10px 0 0;
}

#menuvertical li a:hover{text-decoration: underline;}

Ou intervenir afin que l'image s'affiche bien en dessous de ce menu déjà existant et que je veux conserver?

Merci de votre aide

Jérémie

[Ernestine]

Hello,

Quelque chose comme ça devrait fonctionner (ajout des deux dernières lignes) :

#menuvertical {
width: 140px;
margin: 57px 0 0 0;
float: left;
list-style-type: none;
padding-bottom: 200px;
background: url(dossier/monimage.jpg) center bottom no-repeat;
}

En remplaçant "dossier/monimage.jpg" par le chemin de ton image, et 200px par la vraie hauteur de ton image.

[audioscribe]

Bonsoir,

Merci beaucoup Ernestine c'est très gentil d'avoir passer un petit de temps à me répondre, cela m'en fait gagner beaucoup!

Cordialement

Jérémie