[Résolu] Lien dans une image

[orleanoo]

Bonjour,

j'utilise Windows Live Mail.

un correspondant m'envoie un mail avec un photo : en cliquant sur la photo, cela ouvre une page internet. J'essaie de comprendre comment il a fait ... mais je ne trouve pas.

Avez-vous une solution ?

merci d'avance

[Dylav]

Bonsoir Orleanoo,

 

Je ne connais pas Windows® Live Hotmail®, mais ton correspondant a tout simplement associé à son image un lien vers la fameuse page WEB que tu as ouverte en cliquant sur l'image. En général, on associe plutôt un lien à un mot ou une phrase (la plupart du temps, cela les souligne)… mais pourquoi pas à une image ?

 

Probablement, il te suffit donc de sélectionner l'image incrustée dans ton message, de cliquer sur le bouton « Insérer un lien » et d'indiquer, dans la popup qui s'ouvre, l'URL de la page Internet cible…

[jeanbi]

bonjour,

si tu utilises the gimp tu as dans menu filtres web creation d'image cliquable web etc...

a+

[faf311]

bojour a tous,

 

voila mon probleme, je voudrais superposer plusieurs images sur une image de fond, et mettre des liens sur les images qui sont sur l'image de fond.

est ce possible en bbcode?? j'ai beau chercher je trouve en CSS et HTML mais pas en bbcode

 

merci d'avance

[jeanbi]

bonjour,

je ne vois pas ce que viens faire le bbcode la dedans !

http://fr.wikipedia.org/wiki/BBCode

si regarde ma signature clic dessus ... image cliquable dans ton cas tu mets en forme ton image avec fotowall (c'est genial pour les montages de photos ) ensuite sous gimp tu creer tes liens cliquable

a+

[faf311]

ok merci je vais donc esayer avec gimp (que je ne connaissai pas du tout lol)

je te tiens au courant de l'evolution de mon projet

[faf311]

bon ben j'ai essaye avec gimp mais le probleme c'est que si on veut mettre l'image sur le web c'est code en html, hors moi je voudrais m'en servir comme signature dans un forum mais les CSS et HTML ne sont pas autorise mais les BBcode oui d'ou ma demande precedente

[faf311]

salut a tous,

 

bon le html a ete debloque pour les signature dans le forum.

j'ai reussi a faire quelque chose mais la je bloque, voila ce que j'obtien

 

 

mais je n'arrive pas a mettre les bouton ou je veux.

voici mon code:

 

<div style="#ccc ;background:url(http://img805.imageshack.us/img805/7135/essaie1.jpg) no-repeat; width:500px; height:200px">

<a href="http://fr.board.bigpoint.com/deepolis/showthread.php?t=349179"><img style="padding-left:100px;padding-top:25px;border:0;" src="http://img52.imageshack.us/img52/8721/supporte.gif"></a>

<a href="http://fr.board.bigpoint.com/deepolis/forumdisplay.php?f=530"><img style="padding-left:50px;padding-top:25px;border:0;" src="http://data.imagup.com/9/1122758383.gif"></a>

</div>

 

 

comment dois je faire pour les deplacer et les mettre ou je veux?

[Dylav]

Bonsoir faf311,

 

Si tu veux tes deux boutons côte à côte, divise ta <div> en deux en y insérant un <span> à gauche, faisant la moitié de sa taille, et qui contiendra le 1er bouton.

 

Ensuite, pour positionner chaque bouton dans son espace, joue plutôt avec l'attribut margin (marges extérieures) de la balise <img> qu'avec padding (marges intérieures).

 

<div style="#ccc ;background:url(http://img805.images...135/essaie1.jpg) no-repeat; width:500px; height:200px">
<span style="width:250px;float:left">
<a href="http://fr.board.bigpoint.com/deepolis/showthread.php?t=349179"><img style="margin-left:100px;margin-top:25px;border:0;" src="http://img52.imageshack.us/img52/8721/supporte.gif"></a>
</span>
<a href="http://fr.board.bigpoint.com/deepolis/forumdisplay.php?f=530"><img style="margin-left:100px;margin-top:25px;border:0;" src="http://data.imagup.com/9/1122758383.gif"></a>
</div>

Il ne te restera plus qu'à ajuster tout ça.

 

Nota : ton image de fond est beaucoup trop haute pour une signature sur Zébulon (cf. le lien « Soignez votre signature » que tu trouveras ci-dessous dans la mienne, de signature).

[faf311]

salut dilav,

 

merci a toi g pu corriger mon code et ca marche a la perfection, c'etait bien le padding qui me plantait.

 

voici mon code revu et corrige pour ceux qui voudraient faire le meme style:

 

<div style="#ccc ;background:url(http://img805.imageshack.us/img805/7135/essaie1.jpg) no-repeat; width:500px; height:200px">

<a target="_blank" href="http://fr.board.bigpoint.com/deepolis/showthread.php?t=349179"><img style="margin-left:0px;margin-top:55px;border:0;" src="http://img52.imageshack.us/img52/8721/supporte.gif"></a>

<a target="_blank" href="http://fr.board.bigpoint.com/deepolis/forumdisplay.php?f=530"><img style="margin-left:0px;margin-top:25px;border:0;" src="http://data.imagup.com/9/1122758383.gif"></a>

</div>

 

ps cette signature n'est pas pour ici mais pour le forum d'un jeu en ligne