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