SELFHTML

Forum SELFHTML: Archives:
liens et images circulaire???

Page d'information: vue d'ensemble
vers le bas 

(HTML) liens et images circulaire???

Le message suivant est de: yoanne, Adresse électronique sleipnir@tele.fr, 04. 05. 2004, 11:24

   bonjour
 j'aimerais savoir si il est possible d"utiliser une image circulaire a fond transparent en tant que lien? je m'explique:
     j'aimerais avoir une image ronde(a fond transparent)et que l'affichage du lien soit circulaire egalement.
   j'ai bien essaye mais mon image soit disant a fond transparent n'est pas transparente.il y a le contour carre(visible alors qu'il ne devrait pas)et mon image circulaire(comme un bouton quoi...)et le lien appariat sur le contour carre...?j'aimerais une vrai transparence et la couleur du lien autour de l'image ronde(bouton).
  j'ai pourtant deja vu ca sur le web mais je n'arrive pas a trouver la formule magique
  alors si quelqu'un peut m'aider,je lui en serait tres reconnaissant
   merci d'avance


 
vers le hautvers le bas 

(HTML) liens et images circulaire???

Le message suivant est de: michel, Adresse électronique m.deboom-aspam@9online.fr, 04. 05. 2004, 13:23
http://ckraft.free.fr

»»      j'aimerais avoir une image ronde(a fond transparent)

Dans le style du lien; il faut mettre l'attribut :
background-color:transparent;


 
vers le hautvers le bas 

(HTML) liens et images circulaire???

Le message suivant est de: yoanne, Adresse électronique sleipnir@tele.fr, 04. 05. 2004, 14:11

»» »»      j'aimerais avoir une image ronde(a fond transparent)

»» Dans le style du lien; il faut mettre l'attribut :
»» background-color:transparent;



   j'ai essaye(mais ou le mettre exactement?)je debute

  merci d'avance


 
vers le hautvers le bas 

(HTML) liens et images circulaire???

Le message suivant est de: Cedric Pignat, Adresse électronique cedric@pignat.ch, 05. 05. 2004, 09:56

Pour un lien rond, il faut utiliser une carte cliquable (ImageMap)
(voir http://fr.selfhtml.org/html/graphiques/compose_liens.htm)

et s'assurer que les coins de l'image soient bien transparents! (image au format GIF, reglage de la transparence)

La mention border="0" elimine le contour carre

Pour un contour rond, je ne vois pas d'autre solution que de l'integrer a l'image et de faire un rollover pour en changer l'apparence (utilisation de 2 images identiques a l'exception du contour)
(voir onClick, onMouseover et onMouseout sur http://fr.selfhtml.org/javascript/langage/gestevenements.htm)

Un exemple: http://www.pfadi.ch/xeo-2004/ (afficher la source)

Bonne chance!


 
vers le hautvers le bas 

(HTML) liens et images circulaire???

Le message suivant est de: yoanne, Adresse électronique sleipnir@tele.fr, 05. 05. 2004, 13:39

»» Pour un lien rond, il faut utiliser une carte cliquable (ImageMap)
»» (voir http://fr.selfhtml.org/html/graphiques/compose_liens.htm)

»» et s'assurer que les coins de l'image soient bien transparents! (image au format GIF, reglage de la transparence)

»» La mention border="0" elimine le contour carre

»» Pour un contour rond, je ne vois pas d'autre solution que de l'integrer a l'image et de faire un rollover pour en changer l'apparence (utilisation de 2 images identiques a l'exception du contour)
»» (voir onClick, onMouseover et onMouseout sur http://fr.selfhtml.org/javascript/langage/gestevenements.htm)

»» Un exemple: http://www.pfadi.ch/xeo-2004/ (afficher la source)

»» Bonne chance!


  de la chance???de la connaissance plutot;connaissance que j'n'ai pas!
 pas encore...je debute,et avant de m'attaquer au javascript je prefaire
 bien connaitre le "HTML" et les feuilles de styles avant.faut pas tout embrouiller,mon cerveau n'est pas aussi efficace qu'un disque dur.en plus il faut que j'apprenne a maitriser le logiciel de retouche alors le ".js",plutot que d'inclure simplement(pour pas dire
betement,mais bon,faut pas dire fontaine...etc.)un script, je prefere attendre pour voir de quoi il en retourne de ce javascript.
 en tous cas,merci encore pour ceux qui ce donne la peine de repondre et partages leurs connaissances...


 
vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org