| Imagemap en CSS |
|
|
| 24-03-2007 | |
|
Vous souvenez vous des zones réactives sur les images ? Il y'en a plein d'exemples sur internet, au pif, trouvé par Google : http://www.kasparius.com/nonflash/tutorial/tut1.htm Ces zones réactives sont réalisées en affectant une carte (map) en tant qu'attribut d'une balise d'image. A un autre endroit du code source d'une telle page on pourrait voir la carte qui contient les coordonnées des zones réactives voulues pour cette image. Ce qui ressemble de près ou de loin à cela : <map name="admin" id="admin"> Il s'agissait d'une zone réactive "typique" pour une image c'est à dire d'une zone rectangulaire. On voit bien qu'en utilisant les zones réactives de cette façon, si l'on compte changer l'aspect de son site ultérieurement il faudra forcément toucher aux données... De plus, plusieurs aspects/thèmes différents ne pourraient être proposés à l'internaute à moins d'ajouter de la programmation derrière... Pour un site qui pense vouloir un jour changer son look, cette solution n'est pas vraiment viable. Heureusement, il existe une solution grâce aux feuilles de style. Il suffit d'utiliser la balise de lien habituelle. Ensuite, ces liens seront stylés et ils pourront donc être placés à notre convenance sur la page. La taille et la position des liens étant définis dans la CSS, ces données sont aisément modifiables. Enfin, une autre raison pour passer aux zones réactives CSS est la mauvaise interprétation de la balise imagemap par certains navigateurs webs lorsque l'on utilise le DocType d'XHTML 1.1... Les liens : |
| < Précédent |
|---|