Les listes

Un certain nombre de styles peuvent être appliqués sur les listes.

Consultez la page exemple de listes

Nous avons choisi les listes de type non-ordonnées, mais cela peut également fonctionner sur certains autres listes suivant les cas.

Concrètement dans Dreamweaver

Créez une liste non-ordonnée à l'aide de l'outil idoine.

Une fois la liste créée, sélectionnez-la.

Utilisez le sélecteur de tag pour activer le tag <UL>. Ce sélecteur se situe au fond des pages dans Dreamweaver

Choisissez ensuite un style à appliquer (une class).

Les styles pour les listes sont:

  • Flèches: arrowDG, arrowLG, arrowUnifr, arrowColor
  • Carrés: squareDG, squareLG, squareUnifr, squareColor

Une illustration des applications est disponible en ligne.
 

Des styles dépendants des contextes

Certains styles sont dépendants du contexte, notamment de la zone (DIV) ou du style parent (Class) dans lesquels ils sont.

Par exemple, dans les boîtes de type box002 les listes apparaissent différemment.

div class box002:

ici titre box002

  • élément 1
  • élément 2
  • élément 3

Les liens sont également concernés. Dans box003 par exemple, dans les listes de type arrow ou square, le lien n'est pas souligné par défaut pour alléger l'écriture. Il se souligne au survol.

Exemple box003:

ici lien normal

 

Weboffice - Unicom Communication & Médias   -   Av. Europe 20    -   1700 Fribourg   -  Tel +41 26 / 300 7034    -   Fax +41 26 / 300 9703   -  
webmaster [at] unifr.ch   -   Swiss University