jeudi 25 août 2005
Pur Menu CSS, Accessible Web
Par Stéphane HUC, jeudi 25 août 2005 à 23:28 :: Web ... maestria
Une relation artistique ayant besoin pour son nouveau site de menu avec effet de rollover d'images sur les liens, avait besoin d'un coup de main concernant le code. Au départ, était un "brouillon" dû au logiciel DreamWeaver, en Javascript, qui je ne sais pourquoi ne voulait pas fonctionner correctement une fois intégré dans une page xhtml, valide W3C...
Après avoir cherché à en créer un qui soit DHTML, W3CDOM, j'ai été dirigé vers la solution élégante que propose cet article "Un rollover en CSS avec avec une seule image" du site Alsacreations, une des références francais pour l'apprentissage des référentiels du W3C.
Si l'idée est intéressante, et surtout élégante, elle est restreinte à l'usage d'une et une seule image pour l'ensemble des liens du menu. Alors j'ai repris le concept, et l'ai exploité sensiblement différemment. C'est-à-dire que j'en ai fait un menu pur CSS, de surcroît accessible web, utilisant une image différente par lien et par survol de lien...
Ce menu est exploitable par les navigateurs MSIE (sous windows, et mac) et par Mozilla/Firefox, Opera (sous windows et linux), et Konqueror (sous linux)... et certainement bien d'autres.
Je vous montre par l'exemple et par diffusion du code XHTML, et CSS sur cette page suivante : Pur Menu CSS Accessible Web.
En espérant que cela puisse vous être utile ... bon web !
