Titre: Rendre un habillage de site cliquable?
Posté par: Améni le le 04-11-2012 a 14:10:24
Bonjour,
J'aimerai rendre un habillage de site cliquable mais je ne comprends pas quel code je dois écrire.
En faite c'est une image qui sera en background-image dans le body via ma feuille de style. J'aimerai que quand on clique sur l'image on est redirigé vers un site internet avec un target blank.
Exemple sur ce site : http://www.leboncoin.fr/ (http://www.leboncoin.fr/) avec la pub pour la redoute.
Peut-on uniquement utiliser du HTML ou faut-il aussi du JavaScript?
Si quelqu'un peut me guider car j'ai essayé différentes choses sans succès...
Comment faites-vous?
Mille merci!
Bonne journée |
Titre: Re:Rendre un habillage de site cliquable?
Posté par: WebVitrine le le 04-11-2012 a 19:06:12
Ba dit donc, pour quelqu'un de spécialisée dans le XHTML / CSS... halala !
Juste une piste :
- Il faut jouer avec la propriété z-index.
De cette façon on utilise une div qui contiendra l'image en arrière plan. Et une div qui se superpose qui contiendra le contenu du site. |
Titre: Re:Rendre un habillage de site cliquable?
Posté par: Améni le le 04-11-2012 a 19:57:43
Bonjour,
Ouais je sais c'est la honte :-[
Merci pour votre réponse, je vais essayer...
Bonne journée |
Titre: Re:Rendre un habillage de site cliquable?
Posté par: bidouille7 le le 05-11-2012 a 11:30:43
Facile en html:
<a href=" le nom du site/image/img src="lenomdel'image"> |
Titre: Re:Rendre un habillage de site cliquable?
Posté par: WebVitrine le le 05-11-2012 a 11:59:19
C'est pas de ça que l'on parle. ::)
Il est question de rendre un background cliquable. |
Titre: Re:Rendre un habillage de site cliquable?
Posté par: bidouille7 le le 05-11-2012 a 17:53:42
En mettanr cela, c'est une div qui englobe ton background donc ta page entière:
<div style="width:100px;height:50px;border:1px solid #999999;text-align:center;">
<a href="http://www.lenomdisite" style="display:block;width:100%;height:100%;">Le nom que tu veux </a>
</div>
A plus. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|