Fiche CSS: Structuration automatique des pages

Objet de la fiche : Correction exercice

 Retour au cours

Rappel de l'exercice

L'exercice consiste à insérer automatiquement une image représentant une petite flèche sur chaque élément de la liste de choix de la page d'accueil.

Pour cela on utilisera la  propriété de feuille de style css "content" (associé au pseudo-élément before) avec URL comme attribut pointant sur l'image Flèche.gif du répertoire Images/Site. Cette feuille de style sera incluse dans le fichier commun CSSExterneScreen.css pour la balise HTML dd (éléments de la liste).

Cet effet risque de ne pas s'afficher avec IE.

Correction

Déclaration dans la feuille de style générale

dd:before{content:url('../Images/Site/Fleches.gif') " "}

Résultat