CSS : appliquer :hover à des blocs

dimanche 28 janvier 2007

XHTML / CSS

Lu sur Smiley Cat un article décrivant une méthode pour appliquer des effets de roll over à des blocs (état :hover).

How to Create a Block Hover Effect for a List of Links

Pourquoi cet article ? Tout simplement parce qu’avec IE on ne peut appliquer un état :hover qu’à un lien (lire l’article sur Openweb).

La technique employée dans l’article de Smiley Cat résout le problème en encadrant le contenu de chaque <li> par des <a>. C’est un peu "bourrin" comme technique mais ça fonctionne. Cette méthode est d’ailleurs utilisée sur le squelette de RÉCIT-FP Partenaires disponible sur SpipContrib (regardez les blocs de la colonne centrale).

D’autres méthodes sont citées dans les commentaires de l’article, comme celle-ci :

whatever:hover à base de fichier .htc (fichier de comportement pour IE)

Répondre à cet article

Qui êtes-vous ?
Ajoutez votre commentaire ici
  • Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.