Lien transparent
Résolu
Bonjour,
Après quelques recherches sur internet je n'ai pas trouvé ce que je cherchais .
En fait j'ai un <div id="bloc_1></div> sans rien à l'intérieur mais une image de fond. Il y a des écriture sur l'image de fond, et j'aimerai y transposer des liens transparent au niveau des écritures sur les images .. C'est à dire que même quand on passe la souris dessus , on ne doit pas voir de texte s'afficher.
En gros j'aimerai faire un div comme ça :
<div id="bloc_1>
<a href="http://www.mon-site.fr/sous_dossier">Une phrase transparante</a>
</div>
Merci par avance.
--
On peut tromper 1 fois 1000 personnes, mais on ne peut pas tromper 1000 fois 1 personne.
Après quelques recherches sur internet je n'ai pas trouvé ce que je cherchais .
En fait j'ai un <div id="bloc_1></div> sans rien à l'intérieur mais une image de fond. Il y a des écriture sur l'image de fond, et j'aimerai y transposer des liens transparent au niveau des écritures sur les images .. C'est à dire que même quand on passe la souris dessus , on ne doit pas voir de texte s'afficher.
En gros j'aimerai faire un div comme ça :
<div id="bloc_1>
<a href="http://www.mon-site.fr/sous_dossier">Une phrase transparante</a>
</div>
Merci par avance.
--
On peut tromper 1 fois 1000 personnes, mais on ne peut pas tromper 1000 fois 1 personne.
Configuration: C2Q Q8200 @ 3.02 Ghz 3go ram OCZ HD 4850 22" by LG Razer copperhead @ 2000dpi Clavier G15 WD-Raptor 500go x2
4 réponses
-
En fait c'est bon je vais faire de la retouche PhotoShop pour cacher le texte sur l'image et je réécrirai par dessus. Merci du coup de main quand même .
-
ContributeurSALUT
Si tu ne sais pas le faire manuellement voila 2 generateurs qui "mapperons" ton image !
http://www.isdntek.com/tagbot/imap.htm
https://www.image-maps.com/
A+
-
Il suffit de créer des liens et de les positionner avec les propriétés CSS (position:absolute; display:block; width:XXXpx; height:XXXpx; margin:Xpx Xpx Xpx Xpx;)
Dans ces liens tu ne mets rien comme texte (sauf, évidemment pour les propriétés href et title).
-
J'avais trouvé une vidéo beaucoup mieux, mais je en trouve plus.
En attendant regarde ceci :
Lien : http://www.linuxgraphic.org/grokking/node81.html
Cordialement.
