CSS >> Image de background et lien

[gcvoiron]

Bonjour,

Le header de mon site (l'image) est affiché en background par mon css :

HTML :

Code: Tout sélectionner

<tr>
<td width="762" height="133" class="header">&nbsp;</td>
</tr>


CSS :

Code: Tout sélectionner

.header
{
background:url(images/design/index_05.jpg);
}

Comment faire un lien sur ce header, qui est affiché en css?

Merci.

[nadinem]

Bonsoir,

Tu as essyé d'accorder a .header les attributs d'un lien ?

A+

Nadinem.

[gcvoiron]

Je ne comprends pas ce que tu veux me dire...

[Vincent1975]

Tu as sûrement essayé, et je suppose que ça ne marche pas, mais au cas où :

Code: Tout sélectionner

<tr>
<a href=""><td width="762" height="133" class="header">&nbsp;</td></a>
</tr>

On sait jamais

[gcvoiron]

Non, ça ne marche pas.
Merci quand même.

[Dan_A]

background est destiné à la décoration, rien de plus (pour préserver l'accessibilité).
Les dimensions ne devraient pas apparaître.
On peut toujours tricher et mettre un lien dans la cellule mais ce n'est pas une bonne idée.

[narayana]

Cela devrait fonctionner
voici le code

Code: Tout sélectionner

<a href="...." class="lien"></a>

fichier css
a.lien{
display:block;
width:100px;
height:100px;
background:url("xxxxx.jpg") no-repeat;
}


[s2n]

J'ai pas le temps de tester, mais essaies quelque chose comme ça:

Code: Tout sélectionner

<tr>
<td width="762" height="133"><a class="header">&nbsp;</a></td>
</tr>


CSS :

Code: Tout sélectionner

.header
{
display:block;
width:100%;
height:100%;
background:url(images/design/index_05.jpg);
}


[gcvoiron]

Ca a marché parfaitement avec la méthode de narayana!

Merci beaucoup.

[narayana]

pas de quoi
Ca fonctionne car il faut mettre un display:block car les liens sont inligne d'habitude.
Mais bon tu ne pourras pas référencer ton image...

[Vincent1975]

Que veux-tu dire par

tu ne pourras pas référencer ton image

?

[e-kiwi]

>> ?

dans google image

[Vincent1975]

Ah, parce que l'image est sur la feuille de style ? Ok, je ne voyais pas pourquoi le principe de faire un lien pouvait le pénaliser. Merci .

[rednekk]

Salut à tous !

Super déterrage !

Je voudrais faire la même chose, à quelque conditions prêt... Je m'explique.

J'ai essayé la méthode de narayana qui fonctionne :

Code: Tout sélectionner

a.lien1{
display:block;
width:200px;
height:100px;
background:url(images/img1-2.JPG) no-repeat;

Mais je voudrais savoir s'il est possible de faire changer l'image quand la souris passe dessus, tout en conservant la fonction de lien.

Me suis-je bien expliqué ?

[UsagiYojimbo]

Oui mais pour cette partie-là de ton besoin c'est davantage vers le javascript que tu devrais te tourner, pour, lors du survol de la souris sur le lien, changer l'image de background. Avec prototype ça se fait assez simplement.