Discussion :

[angelcath2003]

Bonjour j’ai fait un header avec une bannière. Je voudrais que cette bannière renvoit tout le temps sur la même page.
Mon style css est le suivant pour la bannière :
#header {
height: 100px;
background-image: url(bandeau.jpg);
background-repeat: no-repeat;
}

Quelle est la syntaxe à rajouter pour que l’image ‘bandeau.jpg’ ait un lien et pointe sur une page x ?
Merci beaucoup
Catherine

[pop_up]

Tu ne peux pas faire un lien sur une image décorative.

Le mieux serait de ne pas la mettre dans ta css et de la mettre dans ton code de la manière suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="header">
    <a href="ton lien"><img src="bandeau.jpg" /></a>
</div>

Mais après, selon où est situé la page dans ton arborescence il faut faire attention au chemin d'appel de ton image.

Sinon autre solution qui te plaira mieux je pense, c'est de laisser ton image dans ta css mais sur un autre élément car du point de vu validation tu ne peux pas faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href"..."><div></div></a>

la balise <div> ne peut etre enfant de <a>

Donc la solution serait de mettre ton image de fond sur #header span en mettant un display: block; Puis dans ton code mettre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href=".."><span>&nbsp;</span></a>

a toi de voir