Page 1 of 1

Image de fond cliquable ?

Posted: Thu Apr 24, 2008 9:56 pm
by ZIGRIB
Bonjour,
quelqu'un sait-il comment insérer des zones cliquables sur une image définie comme fond de pagewrapper ?
En fait la définitions des zones se fait très bien avec The Gimp mais ou mettre les différentes coordonnées cliquables ?
Gabarit ?
Feuille de style ?

L'image est appelée dans la feuille de style liée à la page :

div#pagewrapper {
  text-align: center;
  border: 10px solid;
  border-color: #ffffff;
  margin: auto;
  max-width: 970px;
  max-height: 560px;
  min-width: 970px;
  min-height: 560px;
  background: #ffd421 url(uploads/images/fond/fond1.jpg);
  color: #ffffff;
}

Merci d'avance.

Re: Image de fond cliquable ?

Posted: Fri Apr 25, 2008 7:01 am
by athena_pallas
Salut,
je ne sais pas si ça va régler ton problème mais en ce qui me concerne quand je suis confrontée au problème, je positionne une image gif transparente qui elle est cliquable.
C'est ce que j'ai fait pour le logo de cette boutique d'art contemporain => le logo est dans l'image de fond.

Autrement, à l'époque où nous faisions du HTML, on définissait une image map...  mais ça se fait plus trop.

Re: Image de fond cliquable ?

Posted: Fri Apr 25, 2008 11:07 pm
by ZIGRIB
salut
merci pour ta réponse, c'est effectivement ce que j'envisageais de faire...
mais je voulais savoir si justement une image map n'était pas plus appropriée du fait du nombre de zone que je dois rendre cliquable et la rapidité des définitions de zone avec The Gimp comparativement au placement des images transparentes.
Tant pis, j'y passerai plus de temps...

Cependant, une question concernant cette solution:

- comment faire pour que les images transparentes restent toujours au dessus des zones concernées quelque soit la taille d'affichage ?
position : absolute; ?




Je ne cloture pas ce topic au cas ou une solution montrerai le bout de son nez

Re: Image de fond cliquable ?

Posted: Sat Apr 26, 2008 1:42 am
by athena_pallas
Pour le positionnement en CSS, je ne peux pas te dire, à mon sens c'est plus du ressort d'un forum de spécialistes CSS (Alsacreation par exemple). 

Ca dépend vraiment de ce que tu veux faire et du nombre de tes zones, moi je n'en ai qu'une  ;D

Je ne travaille pas avec The Gimp mais sans doute génère-t-il un code HTML pour l'image MAP.  Pourquoi ne pas essayer de le mettre dans un bloc de contenu global ?