HTML: Lien hypertexte (sans soulignement) [Résolu/Fermé]

Signaler
-
 ilyees -
Bonjour, je construit un site web avec Dreamweaver Mx2004 et lorsque je fais un lien hypertexte j'ai le soulignement commme d'habitude. J'aimerais savoir comment enlever le soulignement tout en gardant le liens en activité (je peux plonger dans le code si nécéssaire) Merci.

27 réponses

Messages postés
434
Date d'inscription
mardi 1 juin 2004
Statut
Membre
Dernière intervention
15 décembre 2008
380
Dans l'entete de ton fichier HTML (dans le source, après la balise <head>), tu rajoute les lignes suivantes :

  <style type="text/css">
  <!--
    a {
      text-decoration: none;
    }
  //-->
  </style>
27
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Super ça fonctionne impec. C'est sympa ces petites astuces dont vous nous faites bénéficier. Merci
Merci de tout coeur! Ma première ligne en CSS et ça marche du premier coup! L'explication est parfaitement claire et tout-à-fait exacte. :)
Merci beaucoup ca marche a merveille

Misaotra betsaka
merci bcpp ca faire des heures que je cherche la reponse
Messages postés
434
Date d'inscription
mardi 1 juin 2004
Statut
Membre
Dernière intervention
15 décembre 2008
380
Il te suffit de modifier le code que je t'est donné :
  <style type="text/css">
  <!--
    a {
      text-decoration: none;
      color:#0000FF;
    }
  //-->
  </style>

Ainsi tu aura la couleur des liens en bleu (ca change pas grand chose), si tu veut une autre couleur tu change le #0000FF par une autre valeur de couleur.
(plus d'info sur les couleurs sous CSS ici http://www.commentcamarche.net/css/css-couleurs.php3 )
Messages postés
74
Date d'inscription
lundi 1 octobre 2007
Statut
Membre
Dernière intervention
12 octobre 2013
10
Varatnar

il te suffit d'inserer ces lignes entre les balises <HEAD> et </HEAD> :

<style type="text/css">
<!--
A { color:#000000; text-decoration:none; }
A:hover { color:#FF0000;text-decoration:underline;}
-->
</style>
Messages postés
394
Date d'inscription
mardi 25 septembre 2007
Statut
Membre
Dernière intervention
15 juin 2009
36
Oui, jérémy a raison.
Ecris de la sorte:
<a href="..." class="lien1">nom du lien</a>

Donc ton lien aura pour paramètres de couleurs, de police...etc... ceux que tu auras défini dans la classe css "lien1", et si tu veux d'autres liens de cette manière, tu insèreras aussi class="lien1", et ils auront les même couleurs logiquement...etc

Voici en css:

<style type="text/css">
<!--
.lien1 a
{
color:#000000;
text-decoration:none;
}
.lien1 a:hover
{
color:#FF0000;
text-decoration:underline;
}
//-->
</style>

J'ai repris l'exemple précédent, appliqué donc à la classe lien1
Messages postés
25
Date d'inscription
vendredi 24 juin 2005
Statut
Membre
Dernière intervention
7 novembre 2005
11
Merci Mr GallyNet j'ai bien essayer le code et ça a bien marcher .il n' y a pas de soulignement.Merci bien.
J' ai un un autre souci sur la meme rubrique.je n'arrive pas à colorer le texte.Il y'a une coloration par defaut:celle qui eté là avec le trait de soulignement.
Je vous ai mis le code pour vous illustrer ce qu'il en ai.Merci bien
<style type="text/css">
<!--
a {
text-decoration: none;
}
//-->
</style>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #336699;
}
.Style1 {color: #FFFFFF}
-->
</style>
Merci bien, je vous en suis reconnaissant au delà des mots.
<style type="text/css">
<!--
a {
text-decoration: none;
color:#0000FF;
}
//-->
</style>

Avec ça ou doit on taper le lien ??
Salut Bab's,
Pas besoin à cet endroit de définir le lien, c'est juste la définition du style.
Ca marche pareil si tu utilise Nvu.
++
François
http://fmarmier.free.fr
Bonjour,

Lorsqu'un lien n'est pas souligner il attire un peu moins l'attention, alors je me disais s'il était possible de faire en sorte que lorsque la souris passe sur le lien, eh bien celui-ci se souligne...
Merci d'avance !
Un grand merci à toi !
En faite il y a juste un petit problème... Maintenant que j'ai fait cela le texte est devenue noir... (comme mon arrière-plan) alors je me demande comment il faut faire pour le faire virer au blanc...
Je n'aie rien dit,
j'ai trouver comment, par contre j'ai une autre question... Comment faire pour que cette action soit individuelle ? En gros pour que cela ne s'applique qu'à un seul lien hypertexte.
Pardonnez moi, mais j'aimerais bien avoir une réponse,
Merci
Pour moins de 15 euros, il existe de bons bouquins sur le css qui explique très bien tout cela.
Il existe aussi un nombre non-négligeable de site qui le font.
Encore faut-il se donner la peine de chercher.

http://www.css-style.fr/ (entre autres)
Messages postés
165
Date d'inscription
lundi 4 juin 2007
Statut
Membre
Dernière intervention
3 juillet 2008
3
Il faut que tu applique une class ou id a la balise du lien que tu veux changer
Finalement ça ne marche pas si bien que ça... du moins jusqu'à maintenant ça ne me donne aucun résultat, est-ce possible qu'une erreur ce soit glisser dans ce que tu as marqué ?
Messages postés
394
Date d'inscription
mardi 25 septembre 2007
Statut
Membre
Dernière intervention
15 juin 2009
36
Tu le veux comment ton lien? L'as-tu arrangé à ta manière? J'ai mis une couleur et des attributs à partir d'un exemple, mais il devrait ressortir blanc donc fais attention, règles la couleur selon ta guise...
Si tu pouvais me donner un exemple de A à Z (un copy-past d'un fichier complet) svp, car le résulta que j'obtient est rien, en gros bien ce sont les termes par défaut qui revienne...
Messages postés
5122
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
22 novembre 2020
2 740
Bonjour,

Alors, il faudrait te donner un exemple, mais nous, on ne peut pas voir ce que tu fais pour t'indiquer où ça cloche. Dommage. Ça serait plus pratique (-:

Essaye quand-même ça :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Des liens</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #b0c4de;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      padding : 2em;
      width: 760px;
      text-align: left;
      border : 1px solid #fff;
      background-color: #00008b;
      font-family: 'Trebuchet MS', Verdana, sans-serif;
      color : #0ff;
      }
a {
  text-decoration : none;
  color : #fff;
  font-weight : bold;
  }
a:hover {
  text-decoration : overline underline;
  color : #ff8c00;
  }
a.lien_different {
  padding : 0 10px;
  font-family : Georgia, sans-serif;
  font-size : 1.5em;
  text-decoration : overline underline;
  color : #ffd700;
  font-weight : bold;
  }
a.lien_different:hover {
  padding : 0 0 0 180px;
  text-decoration : none;
  color : #00008b;
  }

    </style>
</head>
<body>
  <div id="conteneur">
    <p>Des liens pour toute la page<br>
      <a href="#">Lien#1</a><br>
      <a href="#">Lien#2</a><br>
      <a href="#">Lien#3</a><br><br>
    </p>
    <p>Ce lien-là uniquement
      <a class="lien_different" href="#">Lien particulier</a><br><br>
    </p>
    <p>Vas-y, celui-là aussi
      <a class="lien_different" href="#">Autre lien particulier</a><br><br>
    </p>
    <p>Des liens pour toute la page<br>
      <a href="#">Lien#6</a><br>
      <a href="#">Lien#7</a><br>
      <a href="#">Lien#8</a><br>
    </p>
  </div>
</body>
</html>
Pour voir.

À toi de le faire réapparaître (-;

Viens nous dire comment tu as fait.
Merci.


++
Des couleurs ?

--
Voilà !! Merci, maintenant tout fonctionne. Certains termes avaient été inverser...