Image PNG en fond pour un menu, help!
timo_1t
Messages postés
173
Statut
Membre
-
aaronnapster Messages postés 466 Statut Membre -
aaronnapster Messages postés 466 Statut Membre -
Bonjour,
Je suis dans la réalisation de mon premier site web, et je voudrais placer une image de fond dans mon menu... Mais je ne parviens pas a le faire!
cependant je me retrouve avec deux blocks en un non superposés :
-le premier est une image de fond que j'ai réalisé.
-le deuxième est le texte de mon menu.
l'objectif c'est que cette image devienne le fond de ce menu. Je sait que le positionement absolute est de la bidoulle. Mais comment faire ?
Merci pour votre aide
Voila le fameux menu :
HTML
<body>
[...]
<div id="menu">
<img src="css/fond_menu.png" class="fond_menu" />
<div class="text_menu">
<h3>Mon projet</h3>
<ul>
<li> <a href="css/FichesVIE.pdf">turlute</a></li>
<li> <a href="css/FichesVIE.pdf">tatatatata</a></li>
<li> <a href="mailto:lulu.lola@gmail.com?subject=infos V.I.E">Me contacter</a></li>
</ul>
<h3>Actuellement</h3>
<ul>
<li><strong>En poste :</strong> bois de boulogne.</li>
<li><strong>Recherche active de passe.</strong></li>
</ul>
</div>
</div>
[...]
CSS
[...]
.fond_menu
{
background-image: no-repeat;
float: left;
}
.text_menu
{
text-align: justify;
position: absolute;
bottom: 20px;
left: 45px;
float: left;
}
#menu
{
width: 22%;
float: left;
}
[...]
Je suis dans la réalisation de mon premier site web, et je voudrais placer une image de fond dans mon menu... Mais je ne parviens pas a le faire!
cependant je me retrouve avec deux blocks en un non superposés :
-le premier est une image de fond que j'ai réalisé.
-le deuxième est le texte de mon menu.
l'objectif c'est que cette image devienne le fond de ce menu. Je sait que le positionement absolute est de la bidoulle. Mais comment faire ?
Merci pour votre aide
Voila le fameux menu :
HTML
<body>
[...]
<div id="menu">
<img src="css/fond_menu.png" class="fond_menu" />
<div class="text_menu">
<h3>Mon projet</h3>
<ul>
<li> <a href="css/FichesVIE.pdf">turlute</a></li>
<li> <a href="css/FichesVIE.pdf">tatatatata</a></li>
<li> <a href="mailto:lulu.lola@gmail.com?subject=infos V.I.E">Me contacter</a></li>
</ul>
<h3>Actuellement</h3>
<ul>
<li><strong>En poste :</strong> bois de boulogne.</li>
<li><strong>Recherche active de passe.</strong></li>
</ul>
</div>
</div>
[...]
CSS
[...]
.fond_menu
{
background-image: no-repeat;
float: left;
}
.text_menu
{
text-align: justify;
position: absolute;
bottom: 20px;
left: 45px;
float: left;
}
#menu
{
width: 22%;
float: left;
}
[...]
A voir également:
- Image PNG en fond pour un menu, help!
- Menu déroulant excel - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Image iso - Guide
- Enlever le fond d'une image - Guide
- Mettre une image en fond sur word sur une seule page - Guide
2 réponses
Bonjour, t'as fait un "img src" dans la div. ça veut dire que tu inseres l'image dans la div mais pas en fond.
donc pour le faire, tu envleves ton
e tu mets dans ton css
donc pour le faire, tu envleves ton
<img src="....."/>
e tu mets dans ton css
#menu {background-image:url(css/fond_menu.png);}
bonjour essai ça :
<html>
<body>
<div id="menu">
met ici le contenu de ton menu
</div>
pour le css
#menu
{
background-image:url ("images/font.png") ;
}
</body>
</html>
remarque:
ton image de font doit se trouver dans le dossier image(s) et vérifier si ton .png est en majuscule ou minuscule.
aaronnapster
<html>
<body>
<div id="menu">
met ici le contenu de ton menu
</div>
pour le css
#menu
{
background-image:url ("images/font.png") ;
}
</body>
</html>
remarque:
ton image de font doit se trouver dans le dossier image(s) et vérifier si ton .png est en majuscule ou minuscule.
aaronnapster
Je ne parviens toujours pas a mes fins... aucune image de fond pour mon menu.