Hover Css et navigateurs

Ouf, il n’y a pas eu de mise à jour via WSUS cette nuit, ce qui fait que j’ai pû retrouver mon navigateur ouvert ce matin avec tous les jolis liens dont je n’ai pas eu le temps de parler hier.
Bref !
Hier donc, je me suis piqué de curiosité pour la nouvelle (et wahouuuu, très belle :-/) page d’accueil du site institutionnel du Cnrs. Je le précise pour ceux qui ne le savent pas… le Cnrs n’est pas en deuil. Bref, on pourra dire ce que l’on veut sur la magnifique couleur de fond, le style épuré, l’identification rapide d’où il faut cliquer pour aller où on veut; mais il y a quand même quelque chose de très bien : c’est la construction de la page elle-même.
Après m’être étranglé en formation « accessibilité des sites web », j’ai voulu savoir s’ils avait affublé cette page d’un magnifique javascript de navigation comme ils l’ont fait pour beaucoup d’autres sites (un exemple proche). Pas de javascript et une page plutôt propre, qui valide plutôt bien.
Ben mince alors! Une nav par menu, du « hover » pour la suite. Zou, direction la Css et là : re-Wahou ! Bien écrit, bien commenté, des tailles « em » pour le texte. Et ca :

body {
behavior:url("http://www.cnrs.fr/fr/z-tools/styles/csshover.htc");}

Bref, Bravo !

Donc, vous voulez des pages bien écrites, avec de menus déroulants et quel que soit (à peu près) le navigateur. Ceci sans pour autant trop concéder à l’accessibilité : Xhtml, Css et fichier de comportement javascript.
Celui utilisé sur le site est disponible là : http://www.xs4all.nl/~peterned/csshover.html.
La dernière version est actuellement la V2.02.060206.

Vous trouverez sur le blog de Cyril Durand (Hop, dans feedreader) un article qui propose une petite amélioration liée à son utilisation avec Ajax.Net

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *