[CSS] Background publicitaire cliquable

Joey -  
gwenm Messages postés 640 Statut Membre -
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

3 réponses

  1. azukaar Messages postés 531 Statut Membre 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
  2. notobe Messages postés 2222 Statut Membre 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
  3. gwenm Messages postés 640 Statut Membre 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
    1. azukaar Messages postés 531 Statut Membre 24
       
      probleme de z-index?
      0
    2. gwenm Messages postés 640 Statut Membre 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
    3. azukaar Messages postés 531 Statut Membre 24
       
      je ferais #background { z-index:-1;}
      0
    4. gwenm Messages postés 640 Statut Membre 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
    5. azukaar Messages postés 531 Statut Membre 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