Mammouth du PHP |
2937 Messages
12 juil. 2009, 17:20
Et si tu apprenais à faire du HTML et des CSS
sans passer par le WYSIWYG (autrement dit, sans passer par le mode création de Dreamweaver) ?
Si chacune des images est une images indépendante, autrement dit autant que balises IMG que d'images, tu peux procéder comme suit :
Code : Tout sélectionner
<a href="URL"><img src="URL de l'image" alt="Alternative textuelle de l'image" /></a>
En revanche, si une seule image est utilisée pour l'ensemble des canaris, tu n'as pas d'autres choix que de procéder ainsi :
Code : Tout sélectionner
<img src="URL de l'image unique" alt="Alternative textuelle de l'image" usemap="#carte" />
<map id="carte" name="carte">
<area href="URL" alt="Alternative textuelle de la zone cliquable" shape="rect" coords="0,0,100,100" />
<area href="URL" alt="Alternative textuelle de la zone cliquable" shape="rect" coords="100, 0,200,100" />
</map>
L'attribut coords a pour valeurs les coordonnées délimitant la zone réactive rectangulaire, à savoir dans l'ordre : le point horizontal en haut à gauche, le point vertical en haut à gauche, le point horizontal en bas à droite, le point vertical en bas à droite.
Si tu te sens perdu dans mes explications ou que tu n'as jamais construit une page Web autrement qu'en WYSIWYG, deux liens incontournables :
