Formation par Olivier Duffez

Formation au référencement par Olivier Duffez, créateur de WebRankInfo !
Une formule efficace alliant théorie et pratique, avec une haute disponibilité des intervenants
Cette formule a déjà convaincu plusieurs centaines d'entreprises, pourquoi pas vous ?
Réservez vite votre place en ligne (convention possible pour imputer sur le budget formation)

Formation référencement Marseille

CSS >> Image de background et lien

Poster un nouveau sujet Imprimer cette discussion    Forum -> Développement d'un site Web   Les dernières discussions de ce forum sont disponibles au format RSS
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
 
gcvoiron
WRInaute impliqué
WRInaute impliqué

Inscrit le: 19 Oct 2005
Messages: 491

URL permanente de ce messagePosté 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">&nbsp;</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.
 
gcvoiron Visiter le site web du posteur
nadinem
WRInaute occasionnel
WRInaute occasionnel

Inscrit le: 03 Avr 2006
Messages: 139

URL permanente de ce messagePosté 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.
 
nadinem Visiter le site web du posteur
gcvoiron
WRInaute impliqué
WRInaute impliqué

Inscrit le: 19 Oct 2005
Messages: 491

URL permanente de ce messagePosté 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...
 
gcvoiron Visiter le site web du posteur
Vincent1975
WRInaute passionné
WRInaute passionné

Inscrit le: 19 Oct 2006
Messages: 516
Localisation: rome

URL permanente de ce messagePosté 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">&nbsp;</td></a>
</tr>

On sait jamais Wink
 
Vincent1975 Visiter le site web du posteur
gcvoiron
WRInaute impliqué
WRInaute impliqué

Inscrit le: 19 Oct 2005
Messages: 491

URL permanente de ce messagePosté 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.
 
gcvoiron Visiter le site web du posteur
Dan_A
WRInaute occasionnel
WRInaute occasionnel

Inscrit le: 21 Déc 2005
Messages: 160

URL permanente de ce messagePosté 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.
 
Dan_A
narayana
WRInaute passionné
WRInaute passionné

Inscrit le: 28 Jan 2005
Messages: 835
Localisation: paris

URL permanente de ce messagePosté 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;
}
 
narayana Visiter le site web du posteur
s2n
WRInaute discret
WRInaute discret

Inscrit le: 30 Sep 2006
Messages: 62

URL permanente de ce messagePosté 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">&nbsp;</a></td>
</tr>


CSS :

Code:

.header
{
display:block;
width:100%;
height:100%;
background:url(images/design/index_05.jpg);
}
 
s2n Visiter le site web du posteur
gcvoiron
WRInaute impliqué
WRInaute impliqué

Inscrit le: 19 Oct 2005
Messages: 491

URL permanente de ce messagePosté 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.

Very Happy
 
gcvoiron Visiter le site web du posteur
narayana
WRInaute passionné
WRInaute passionné

Inscrit le: 28 Jan 2005
Messages: 835
Localisation: paris

URL permanente de ce messagePosté le : Mar Déc 05, 2006 10:23    Sujet du message: CSS >> Image de background et lien

pas de quoi Wink
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...
 
narayana Visiter le site web du posteur
Vincent1975
WRInaute passionné
WRInaute passionné

Inscrit le: 19 Oct 2006
Messages: 516
Localisation: rome

URL permanente de ce messagePosté 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
?
 
Vincent1975 Visiter le site web du posteur
e-kiwi
Modérateur
Modérateur

Inscrit le: 23 Déc 2003
Messages: 12627
Localisation: Toulouse

URL permanente de ce messagePosté le : Mar Déc 05, 2006 12:50    Sujet du message: CSS >> Image de background et lien

>> ?

dans google image Smile
 
e-kiwi Visiter le site web du posteur
Vincent1975
WRInaute passionné
WRInaute passionné

Inscrit le: 19 Oct 2006
Messages: 516
Localisation: rome

URL permanente de ce messagePosté 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 Wink .
 
Vincent1975 Visiter le site web du posteur
 
Montrer les messages depuis:   
Revenir en haut    Forum -> Développement d'un site Web Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1 - 
Connexion
Nom d'utilisateur:    Mot de passe:      Se connecter automatiquement à chaque visite    

CLIQUEZ ICI pour vous inscrire à WebRankInfo (forum, annuaire, outils...)

Connexion

© 2001-2005 phpBB Group, support français
Personnalisation : WebRankInfo ™


 ODP  Firefox  Alsacreations  annuaire webmaster Yagoort