Faire une zone réactive (image map) en CSS

Bonjour,

Je souhaiterais savoir s'il est possible que la zone cliquable ne soit pas matérialisée par un cadre en pointillé comme sur l'exemple donné.

http://css.alsacreations.com/xmedia/exemples/maps/maps.htm

En effet, je souhaite mapper la bannière de mon blog sans pour autant voir apparaître ces cadres.

Par avance merci

Salut,

Le code donné dans le tutoriel ne contient pas les bordures en question.

Salut,

Par rapport au code du tutoriel, il faut supprimer

border: 1px dotted white;

qui a été ajouté spécialement sur ce tutoriel pour que les zones soient repérables. Si tu supprime cette bordure elle n'apparaîtra pas.

Salut, une autre petite question sur ce tuto, je pensais qu'il était déconseillé de créer une image via un background en css, doit on, pour des questions d'accessibilités, remplacer le div id="image" par une balise <img> avec le alt qui va bien et tout ce qui s'ensuit??

Merci pour vos réponses. Cela convient donc à ce que je souhaite faire.

Autre question. Je ne connais pas grand chose au html et au css mais j'aimerais pouvoir rendre cliquables certaines zones de la bannière que j'utilise sur mon blog qui tourne avec Dotclear.

Je présume que le code html et le code css du tutoriel ne sont pas à insérer dans le même fichier.

Si vous connaissez Dotclear vous pourrez peut être me confirmer mon intuition. J'imagine que le code html doit figurer dans mon fichier template.php qui appelle la feuille de style style.css. Le code css devra figurer dans le fichier style.css. J'ai bon ?

Autre question :
Comment repérer facilement la position des deux blocs que je souhaite mettre en place. Il n'y a pas d'autres solutions que le tatonnement ?

Encore merci

Re,

a écrit :
Si vous connaissez Dotclear vous pourrez peut être me confirmer mon intuition. J'imagine que le code html doit figurer dans mon fichier template.php qui appelle la feuille de style style.css. Le code css devra figurer dans le fichier style.css. J'ai bon ?

Normalement c'est çà.

a écrit :
Comment repérer facilement la position des deux blocs que je souhaite mettre en place. Il n'y a pas d'autres solutions que le tatonnement ?

Donne leur une couleur de fond différente le temps de les positionner, et ensuite tu pourras implémenter l'aspect définitif. Par exemple :

#bloc1 {
background-color: red;
}

#bloc2 {
background-color: green;
}

J'ai essayé de placer mes zones cliquables mais je n'arrive pas à les mettre sur la bannière. Mon code doit être mal placer mais j'ignore ce qui ne va pas.

Quelqu'un a une idée ?

J'ai trouvé la solution.

Au final j'ai placé le code css dans le fichier layout.css. Pour le placement des zones j'ai utilisé des valeurs négatives.

Des remarques concernant la mise en oeuvre utilisée ?