bonjour,

Je savais bien que j'aurai encore besoin de vous !

mon tit problème est le suivant :

création d'un menu vertical
ajout d'une image de fond

je n'arrive pas à positionner les éléments du menu sur l'image !!!! j'y suis restée jusqu'à 3h du matin à lire et relire moult forum sans vraiment trouver de réponse satisfaisante. voici mon code :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<div id="menu">
	<ul>
	<li><a href="#">Accueil</a></li>
	<li><a href="#">Galerie d'atouts d'Henner</a></li>
	<li><a href="#">Galerie d'atouts de M&eacute;ladius</a></li>
	<li><a href="#">Pr&eacute;sentation des P. J.</a></li>
	<li><a href="#">Journal de Campagne</a></li>
	<li><a href="#">B&ecirc;tisier</a></li>
	<li><a href="#">L'antre du Ma&icirc;tre de Jeu</a></li>
	</ul>
</div>

et

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
div#menu {
	float:left;
	width:25%;
	height:60%;
	background-image: url("img/menu_parchemin.gif"); 	/* arrière-plan général du menu */
	background-repeat: no-repeat; 
	color: #CC0000;
	font-size: 130%;
}
 
	.ul, li {	/* utilisation de liste pour le menu */
		list-style-type: none;	/* suppression des puces de liste */
		margin:0;
		padding:0;
		margin-top: 20px;
		margin-bottom: 10px;
 
	}
 
	.ul {
		position: absolute;	/* positionnement pour IE5 et IE5.5 */
		padding-top: 30px;
		text-align: left;
 
	}
 
	.li{
		display: inline;
	}  /* correction pour IE5 et IE5.5 */

attention, je débute tant en css qu'en html ! et en plus je suis blonde (non, je rigole) !

si ce n'est pas trop abuser, auriez-vous un bon bouquin (ou plusieurs) à me conseiller pour css et html car faire et rechercher en mm temps sur le net, c'est pas simple.

merci d'avance de vos conseils éclairés.