[CSS] Background publicitaire cliquable

Joey -  
gwenm Messages postés 594 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'aimerais ajouter sur mon site un background publicitaire cliquable (comme ça se fait beaucoup sur de grands sites)
je voudrais donc quelque chose comme ça : http://tinypic.com/images/goodbye.jpg

Le seul moyen que je voit pour réalisé ça serait de mettre une image en fond cliquable, et d'y ajouter par dessus les 'divs' de mon site

Donc je voudrais savoir si je dois utilisé des z-index, ou s'il y a des solutions plus appropriée.

Merci
A voir également:

3 réponses

azukaar Messages postés 442 Date d'inscription   Statut Membre Dernière intervention   24
 
Bonjour,
c'est simple :
<a href="pub" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:-1;"><img src="image" alt="" /></>
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Un background cliquable est un non-sens, contraire à toute règle élémentaire d'accessibilité. Tout lien doit être "en dur" dans le code, c'est à dire que l'image cliquable ne doit pas être dans la CSS.

Aucun "grand site" digne de ce nom ne pratique ce genre de chose...
0
gwenm Messages postés 594 Date d'inscription   Statut Membre Dernière intervention   30
 
j' ai bien un code mais le problème est que tout le site est clicable:

<div id="background" onclick="location.href='lien';" style="cursor: pointer;">

Comment arranger ca?
0
azukaar Messages postés 442 Date d'inscription   Statut Membre Dernière intervention   24
 
probleme de z-index?
0
gwenm Messages postés 594 Date d'inscription   Statut Membre Dernière intervention   30
 
je c'est pas , car je connais pas z-index..j' ai essayé plein de chose mais pas ca..tu le mettrai ou?
0
azukaar Messages postés 442 Date d'inscription   Statut Membre Dernière intervention   24
 
je ferais #background { z-index:-1;}
0
gwenm Messages postés 594 Date d'inscription   Statut Membre Dernière intervention   30
 
non, ca marche marque pas ca prend tout le site..j' ai essayé comme ca

<div id="#background { z-index:-1;}" onclick="location.href='lien';" style="cursor: pointer;">
0
azukaar Messages postés 442 Date d'inscription   Statut Membre Dernière intervention   24
 
. . . no comment
le code que je t'ai donné c'est du css, tu peux pas le mettre dans ID,
sois tu le mets dans un fichier .css que tu inclusn sois tu le mets, dans une balise style, sois tu fais :

<div id="background" onclick="location.href='lien';" style="cursor: pointer;z-index:-1;">
0