Image PNG en fond pour un menu, help!
timo_1t
Messages postés
160
Date d'inscription
Statut
Membre
Dernière intervention
-
aaronnapster Messages postés 442 Date d'inscription Statut Membre Dernière intervention -
aaronnapster Messages postés 442 Date d'inscription Statut Membre Dernière intervention -
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
- Canon quick menu - Télécharger - Utilitaires
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.