Liens sur une image
Juju
-
juju -
juju -
Bonjour à tous,
Depuis un petit moment, j'essaie de mettre plusieurs liens sur une image mais en vain; c'est pourquoi je vous appelle en renfort :). J'utilise Dreamweaver et j'aimerai savoir comment je peux mettre plusieurs liens sur une image svp ??
Merci par avance :)
Depuis un petit moment, j'essaie de mettre plusieurs liens sur une image mais en vain; c'est pourquoi je vous appelle en renfort :). J'utilise Dreamweaver et j'aimerai savoir comment je peux mettre plusieurs liens sur une image svp ??
Merci par avance :)
A voir également:
- Liens sur une image
- Image iso - Guide
- Légender une image - Guide
- Comment rechercher une image sur google - Guide
- Mettre une image en filigrane sur word - Guide
- Reduire taille image - Guide
5 réponses
Qu'entend tu par plusieurs liens sur une même image ?
Tu veux que quand on clique, plusieurs fenêtres s'affichent?
Ou qu'une partie de l'image soit associée à un lien et une autre partie à un deuxième lien ?
Tu veux que quand on clique, plusieurs fenêtres s'affichent?
Ou qu'une partie de l'image soit associée à un lien et une autre partie à un deuxième lien ?
Je voudrai qu'une partie de l'image soit associée à un lien et une autre partie à un deuxième lien stp :)
Alors tu dois découper ton image en associant chaque partie au lien voulu.
Si tu veux juste rajouter des boutons sur un fond, tu n'es pas obligé de les découper, tu peux simplement placer les boutons par dessus le fond.
Un exemple tout simple que j'ai fait pour une page facebook (en HTML):
<!-- Arrière-plan -->
<body background="urldelimage" style="background-repeat:no-repeat;">
<!-- Bouton1 -->
<SPAN style="position: absolute; top: 240 px; left: 265 px;width: 225px; height: 49px">imagedubouton1" style="float: right;" /></a>
</SPAN>
<!-- Bouton 2 -->
<SPAN style="position: absolute; top: 300 px; left: 265 px;width: 225px; height: 49px">
<a href="liendubouton2" target="_blank"><img src="imagedubouton2" style="float: right;" /></a>
</SPAN>
</body>
_____________
Dans arrière-plan, le style="background-repeat:no-repeat signifie qu'il ne faut pas répéter le fond.
Pour les boutons, dans position:
'top' augmentera la distance entre le haut de la page (ou du cadre) et de l'image et 'left' fera de même depuis la partie gauche du site ou du cadre.
Attention, le point d'ancrage d'une image en html est en haut a gauche, c'est-à-dire que si ton image est placée en 0x0, tu l'a verra entièrement, et ce ne sera pas la centre de ton image qui se trouvera en cette position (ça paraît normal, mais c'est juste que Photoshop place son point d'ancrage par défaut au milieu des photos).
Et pour le width (largeur) et height (hauteur), il faut simplement insérer les dimensions de ton image.
_____________
Si tu veux des précisions, n'hésite pas à me le demander, et dis moi ce que tu veux faire aussi, ça m'aiderais certainement.
Si tu veux juste rajouter des boutons sur un fond, tu n'es pas obligé de les découper, tu peux simplement placer les boutons par dessus le fond.
Un exemple tout simple que j'ai fait pour une page facebook (en HTML):
<!-- Arrière-plan -->
<body background="urldelimage" style="background-repeat:no-repeat;">
<!-- Bouton1 -->
<SPAN style="position: absolute; top: 240 px; left: 265 px;width: 225px; height: 49px">imagedubouton1" style="float: right;" /></a>
</SPAN>
<!-- Bouton 2 -->
<SPAN style="position: absolute; top: 300 px; left: 265 px;width: 225px; height: 49px">
<a href="liendubouton2" target="_blank"><img src="imagedubouton2" style="float: right;" /></a>
</SPAN>
</body>
_____________
Dans arrière-plan, le style="background-repeat:no-repeat signifie qu'il ne faut pas répéter le fond.
Pour les boutons, dans position:
'top' augmentera la distance entre le haut de la page (ou du cadre) et de l'image et 'left' fera de même depuis la partie gauche du site ou du cadre.
Attention, le point d'ancrage d'une image en html est en haut a gauche, c'est-à-dire que si ton image est placée en 0x0, tu l'a verra entièrement, et ce ne sera pas la centre de ton image qui se trouvera en cette position (ça paraît normal, mais c'est juste que Photoshop place son point d'ancrage par défaut au milieu des photos).
Et pour le width (largeur) et height (hauteur), il faut simplement insérer les dimensions de ton image.
_____________
Si tu veux des précisions, n'hésite pas à me le demander, et dis moi ce que tu veux faire aussi, ça m'aiderais certainement.
Il faudra créer des zones dynamiques en javascript. Je l'avais fait pour mon site personnel, mais je ne me rappelle malheureusement plus de la technique. Je te conseille de chercher un tutoriel adapté à ta version de Dreamweaver.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci pour vos réponses :)
@ OsmØze : Je ne suis vraiment pas douée, j'arrive même pas à faire ce que tu m'as dis --"
En fait, j'aimerai envoyer un genre de newsletter et donc sur l'image qui me sert de newsletter, j'aimerai insérer un lien vers mon site web, un vers le facebook et un autre vers le twitter.. Il me semble que c'est tout simple mais je n'y arrive quand même pas T_T
@ OsmØze : Je ne suis vraiment pas douée, j'arrive même pas à faire ce que tu m'as dis --"
En fait, j'aimerai envoyer un genre de newsletter et donc sur l'image qui me sert de newsletter, j'aimerai insérer un lien vers mon site web, un vers le facebook et un autre vers le twitter.. Il me semble que c'est tout simple mais je n'y arrive quand même pas T_T