[CSS] Background publicitaire cliquable

Fermé

Joey - 3 juil. 2010 à 20:44
gwenm Messages postés 594 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 17 mai 2024 - 16 déc. 2010 à 18:50

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:

[CSS] Background publicitaire cliquable
Sommaire cliquable word - Guide
Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
Hub de commentaires background task host ✓ - Forum Windows
Trait css ✓ - Forum CSS
Image cliquable html ✓ - Forum Javascript

3 réponses

Réponse 1 / 3

azukaar Messages postés 442 Date d'inscription jeudi 1 juillet 2010 Statut Membre Dernière intervention 5 février 2013 24
3 juil. 2010 à 20:48

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="" /></>

Réponse 2 / 3

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
3 juil. 2010 à 21:52

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...

Réponse 3 / 3

gwenm Messages postés 594 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 17 mai 2024 30
10 déc. 2010 à 11:41

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?

azukaar Messages postés 442 Date d'inscription jeudi 1 juillet 2010 Statut Membre Dernière intervention 5 février 2013 24
16 déc. 2010 à 13:43

probleme de z-index?

gwenm Messages postés 594 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 17 mai 2024 30
16 déc. 2010 à 13:55

je c'est pas , car je connais pas z-index..j' ai essayé plein de chose mais pas ca..tu le mettrai ou?

azukaar Messages postés 442 Date d'inscription jeudi 1 juillet 2010 Statut Membre Dernière intervention 5 février 2013 24
16 déc. 2010 à 14:18

je ferais #background { z-index:-1;}

gwenm Messages postés 594 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 17 mai 2024 30
16 déc. 2010 à 15:38

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;">

azukaar Messages postés 442 Date d'inscription jeudi 1 juillet 2010 Statut Membre Dernière intervention 5 février 2013 24
16 déc. 2010 à 15:51

. . . 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;">

Discussions similaires

Image cliquable dans html

comment insérer une image cliquable sur la page html?

HTML 5 : Remplacer lien par image cliquable

Background color css

comment avoir des credit gratuit sur Facebook