[css] Bannière clicable

[Membre supprimé 2]

Bonjour,

J'aimerais créer une bannière clicable.
Rien de plus simple en Html, mais lorsqu'on utilise CSS, comment faire ?
Je gère l'image de la bannière et le texte de la bannière de façon indépendante:


L'image de la bannière:

#pageHeader {
	width: 780px;
	background: url(../images/header_bg.jpg) no-repeat;
	text-align: left;
	list-style: none;
	height: 205px;
}

Le texte de la bannière:

#pageHeader h1 {
	color: #ffffff;
	text-shadow: 0px 0px 4px #c6e3f9;
	margin: 0px;
	text-align: left;
	font-size: 26px;
	letter-spacing: 3px;
	padding: 20px 20px 5px 50px;
}

Mon problème vient du fait que lorsque j'insère le lien dans le code Xhtml de ma page, seul le texte devient clicable.

Code XHTML:

<div id="pageHeader">
<a href="http://mon-lien">
<h1>Texte bannière</h1>
</a>
</div>

Avez vous une solution pour rendre l'image de la bannière clicable ?

merci

 

[Nephou]

Oui,
simplifie ta structure en donnant une l'ID "pageHeader"à ton lien, ce qui te permettra de t'affranchir de la <div> et du <h1>. Spécifie après dans ta feuille de style que a#pageheader doit s'afficher comme un block (ou une cellule de tableau) et affecte-lui une image de fond. « et hop »

 

[Membre supprimé 2]

Merci beaucoup Benoît, je n'y avais pas pensé.:siffle:
Tu es vraiment incollable en CSS !