Créer un CSS pour les liens :
supprimer le soulignement

 

QUEL BUT ?

Quand on charge la page, le texte LIEN (ci-dessous) qui contient un lien n'est pas souligné (contrairement à la normale).
Quand on passe sur ce texte LIEN (mouseover), le soulignement apparaît.
Quand on quitte ce texte LIEN (mouseout), le soulignement disparaît à nouveau.

 

LIEN

 

COMMENT CREER DANS DREAMWEAVER 4 ?

  1. Ecrire le texte du lien.
  2. Dans la palette de CSS Styles, appuyer sur la flèche en haut à droite et sélectionner New Style.
  3. Taper un nom style1, cocher Type : Make Custom Style (class) et Define in : This Document Only. Cliquer OK.
  4. Définir un style et cocher absolument Decoration : none. Cliquer OK.
  5. Dans la page, sélectionner le texte du lien.
  6. Dans la palette des propriétés, taper dans le champ Link un lien neutre (le signe #) pour faire le test. Cliquer sur Enter.
  7. Tant que le texte est sélectionné, dans la ligne des tags en bas de la fenêtre de la page, cliquer droit sur le tag <a> et sélectionner Set Class > style1.
  8. Dans la palette de CSS Styles, appuyer sur la flèche en haut à droite et sélectionner New Style.
  9. Cocher Type : Use CSS Selector et Define in : This Document Only. Dans le popup Selector, appuyer sur la flèche et sélectionner a:hover. Cliquer OK.
  10. Cocher seulement Decoration : underline. Cliquer OK.
  11. Tester la page et le lien en tapant sur F12.