Discussion :

[mavina]

coucou,

j'ai actuellement une page avec une image , donc une balise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img>...</img>

J'aimerai pouvoir mettre un lien au dessus, grâce à un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href=mon lien>Contact</a>

Est-il possible de choisir la position de la balise a ?

merci d'avance

mavina

[franculo_caoulene]

Salut,

Désolé mais la question est trop basique là! Merci de consulter les tutoriels avent de poster : http://web.developpez.com/tutoriel/xhtmlcss/

[Swoög]

klr, tu me déçois là mavina XD

après reflexion... je suppose que tu veux parler d'un lien sur une PARTIE de l'image ? (PS : le <img>...</img> me surprend beaucoup, img est censé être une balise vide !)

si je suppose bien, tourne toi vers les map (doc w3c, tutos, etc...)

Mais sérieux, je trouve la question très surprenante venant de toi :mouraf:

[mavina]

notez bien que je ne veux pas un lien associé à une image, mais bien mettre un lien hypertexte au dessus d'une image

je n'ai pas trouvé dans les tutoriels, juste des zones, il n'y a pas de moyen d'en définir autrement ?
Car je veux pouvoir modifier le texte à ma guise :\
d'ou la superposition de mon <a> sur mon <img> ...

[Swoög]

OK ^^

là c'est déjà plus ... enfin moins ^^

dans ce cas, il faudrait que tu te penches du côté du positionnement et des CSS ^^

[mavina]

alors justement je suis nul en developpement web, je dois faire un div en définissant dans mon .css un style qui ferait que je l'affiche à tel ou tel pixel c'est ca ?
mavina, qui s'embrouille a débugger le projet d'un autre stagiaire

[franculo_caoulene]

La propriété background-image à associer à ton lien.

[mavina]

ok je vais me débrouiller avec ça merci beaucoup !!

bonne fin d'aprem !

[Swoög]

lol

il y a bien background-image, sinon tu peux appliquer le positionnement à ton <a> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a id="link_sur_img" href="...">cliquez ici</a>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
a#link_sur_img
{
   display : block;
   position : relative;
   top : XXpx;
   /* etc... */
}