|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
gcvoiron WRInaute impliqué

Inscrit le: 19 Oct 2005 Messages: 491
|
Posté le : Lun Déc 04, 2006 19:52 Sujet du message: CSS >> Image de background et lien |
|
|
Bonjour,
Le header de mon site (l'image) est affiché en background par mon css :
HTML :
| Code: |
<tr>
<td width="762" height="133" class="header"> </td>
</tr>
|
CSS :
| Code: |
.header
{
background:url(images/design/index_05.jpg);
} |
Comment faire un lien sur ce header, qui est affiché en css?
Merci. |
|
| |
|
 |
nadinem WRInaute occasionnel

Inscrit le: 03 Avr 2006 Messages: 139
|
Posté le : Lun Déc 04, 2006 19:56 Sujet du message: CSS >> Image de background et lien |
|
|
Bonsoir,
Tu as essyé d'accorder a .header les attributs d'un lien ?
A+
Nadinem. |
|
| |
|
 |
gcvoiron WRInaute impliqué

Inscrit le: 19 Oct 2005 Messages: 491
|
Posté le : Lun Déc 04, 2006 20:00 Sujet du message: CSS >> Image de background et lien |
|
|
| Je ne comprends pas ce que tu veux me dire... |
|
| |
|
 |
Vincent1975 WRInaute passionné

Inscrit le: 19 Oct 2006 Messages: 516 Localisation: rome
|
Posté le : Lun Déc 04, 2006 21:44 Sujet du message: CSS >> Image de background et lien |
|
|
Tu as sûrement essayé, et je suppose que ça ne marche pas, mais au cas où :
| Code: |
<tr>
<a href=""><td width="762" height="133" class="header"> </td></a>
</tr> |
On sait jamais  |
|
| |
|
 |
gcvoiron WRInaute impliqué

Inscrit le: 19 Oct 2005 Messages: 491
|
Posté le : Lun Déc 04, 2006 21:47 Sujet du message: CSS >> Image de background et lien |
|
|
Non, ça ne marche pas.
Merci quand même. |
|
| |
|
 |
Dan_A WRInaute occasionnel

Inscrit le: 21 Déc 2005 Messages: 160
|
Posté le : Lun Déc 04, 2006 21:59 Sujet du message: CSS >> Image de background et lien |
|
|
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 WRInaute passionné

Inscrit le: 28 Jan 2005 Messages: 835 Localisation: paris
|
Posté le : Lun Déc 04, 2006 22:01 Sujet du message: CSS >> Image de background et lien |
|
|
Cela devrait fonctionner
voici le code
| Code: |
<a href="...." class="lien"></a>
fichier css
a.lien{
display:block;
width:100px;
height:100px;
background:url("xxxxx.jpg") no-repeat;
}
|
|
|
| |
|
 |
s2n WRInaute discret

Inscrit le: 30 Sep 2006 Messages: 62
|
Posté le : Lun Déc 04, 2006 22:06 Sujet du message: Re: CSS >> Image de background et lien |
|
|
J'ai pas le temps de tester, mais essaies quelque chose comme ça:
| Code: |
<tr>
<td width="762" height="133"><a class="header"> </a></td>
</tr>
|
CSS :
| Code: |
.header
{
display:block;
width:100%;
height:100%;
background:url(images/design/index_05.jpg);
}
|
|
|
| |
|
 |
gcvoiron WRInaute impliqué

Inscrit le: 19 Oct 2005 Messages: 491
|
Posté le : Lun Déc 04, 2006 22:46 Sujet du message: CSS >> Image de background et lien |
|
|
Ca a marché parfaitement avec la méthode de narayana!
Merci beaucoup.
 |
|
| |
|
 |
narayana WRInaute passionné

Inscrit le: 28 Jan 2005 Messages: 835 Localisation: paris
|
Posté le : Mar Déc 05, 2006 10:23 Sujet du message: CSS >> Image de background et lien |
|
|
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 WRInaute passionné

Inscrit le: 19 Oct 2006 Messages: 516 Localisation: rome
|
Posté le : Mar Déc 05, 2006 12:34 Sujet du message: CSS >> Image de background et lien |
|
|
Que veux-tu dire par
| Citation: |
| tu ne pourras pas référencer ton image |
? |
|
| |
|
 |
e-kiwi Modérateur

Inscrit le: 23 Déc 2003 Messages: 12627 Localisation: Toulouse
|
Posté le : Mar Déc 05, 2006 12:50 Sujet du message: CSS >> Image de background et lien |
|
|
>> ?
dans google image  |
|
| |
|
 |
Vincent1975 WRInaute passionné

Inscrit le: 19 Oct 2006 Messages: 516 Localisation: rome
|
Posté le : Mar Déc 05, 2006 12:54 Sujet du message: CSS >> Image de background et lien |
|
|
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 . |
|
| |
|
 |
| |
|
|