Mettre du texte sur une image [xHtml/Css] [Résolu/Fermé]

Signaler
Messages postés
44
Date d'inscription
mardi 4 mars 2008
Statut
Membre
Dernière intervention
26 mai 2012
-
Moriss
Messages postés
44
Date d'inscription
mardi 4 mars 2008
Statut
Membre
Dernière intervention
26 mai 2012
-
Bonjour,

J'ai fais une barre de navigation avec Photoshop, j'aimerai que le texte sois sur la barre qui est une image.
Le problème c'est que le texte est en dessous l'image est pas sur. La taille de la barre est de 700x50 si ça peut aider...



Voici le code xHtml :


<!-- Barre de naviguation -->

<div id="barre_naviguation">
<ul>
<img src="images/naviguation.jpg" alt="Barre de naviguation" title="" />
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>

Css :


#barre_naviguation li
{
display: inline;
list-style-type: none;
padding-right: 20px;
list-style-image: url("images/icones/puce.jpg");
}

Merci de votre aide !

2 réponses


Il faut mettre ton image en fond de balise div.

#barre_naviguation
{
background: url (images/naviguation.jpg);
}
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 86752 internautes nous ont dit merci ce mois-ci

Messages postés
44
Date d'inscription
mardi 4 mars 2008
Statut
Membre
Dernière intervention
26 mai 2012
4
Merci.