Liens sans soulignement avec Dreamweaver®

Liens sans soulignement

Apprenez à créer des liens, sans soulignement à l'aide des feuilles de style dans Dreamweaver.

 

Avez-vous voulu se débarrasser du soulignement dans un lien? C'est très simple en utilisant des styles CSS.

Si vous utilisez Dreamweaver comme éditeur HTML, vous avez besoin d'accéder à votre palette de couleurs, de créer un nouveau style et d'appliquer le style à votre lien. Voici les étapes:

  1. Cliquez sur Fenêtre > Styles CSS
  2. Cliquez sur le bouton "Style CSS"
  3. Cliquez sur Nouveau
  4. Donnez à votre style, un nom comme 'nonsouligne' et cliquez sur OK.
  5. Voici l'astuce - activez la case à cocher Aucun. Cela signifie que ce style n'a pas de décoration.
  6. Maintenant, vous devez appliquer ce style à tous les liens de votre page.

    Le code ressemblera à ceci:

  7. <style type="text/css">
    <!-- <! --
    .nonsouligne { text-decoration: none}
    --> ->
    </ style>

    Important: Vous devez copier et coller le style entre <HEAD> et </HEAD> du code de la page.

Si vous voulez ne pas souligner tous les liens de votre site, vous pouvez utiliser les styles a:link . Lorsque vous créez un nouveau style, vous devez choisir "Utiliser CSS Selector». Cliquez sur OK et votre style (par exemple Arial, taille 10, couleur # 000066, pas de souligner). Cliquez sur la case à cocher à côté Aucune de faire en sorte que vos liens sont sans soulignement.

Le code ressemblera à ceci:

<! --
a: link (font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: # 000066; text-decoration: none)
-->

 

Une fois que vous avez fait le style, vous n'avez pas besoin de l'appliquer sur tous les liens, il sera automatiquement le style par défaut pour tous les liens.

Note: Si vous utilisez un a:link, utilisez aussi les a:visited; la couleur du lien sera différente quand il est déjà visitée. Vous pouvez également essayer les a:hover pour obtenir des changements de couleur de liens lors du survol du poiteur de la souris.

Exemple, de a: link, a: hover et a: visiter

<style type="text/css">
<! --
a:hover (font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: # 990000; text-decoration: underline)
a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000066; text-decoration: none}
a:visited (font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: # 31654A; text-decoration: none)
-->
</ style>

 

 

Copiez et collez le code ci-dessus dans votre page Web et vérifiez vos liens. Assurez-vous qu'il est copié après le <HEAD>.

Si vous êtes déjà familier avec les styles CSS, il vous suffit de faire est d'ajouter 'text-decoration: none "à votre style.

une autre façon plus simple est d'utiliser l'inspecteur des propriétés pour accéder aux "Propriétés de la page..."

Là vous pouvez spécifier:

1- la taille

2- La couleur des liens

3- La couleur des liens lors du survol du pointeur

4- La couleur des liens visités

5- La couleur des liens actifs

Style de liens

6- Spécifier si vous voulez:

Style souligné