comment caler mon menu dans image de fond
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:
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éladius</a></li>
<li><a href="#">Présentation des P. J.</a></li>
<li><a href="#">Journal de Campagne</a></li>
<li><a href="#">Bêtisier</a></li>
<li><a href="#">L'antre du Maître de Jeu</a></li>
</ul>
</div> |
et
Code:
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.:D
