HTML: Lien hypertexte (sans soulignement)

Résolu

Lien

kasparov -
sofiamo728 - 20 nov. 2024 à 15:32

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.

Posez votre question

Répondre (27)

A voir également:

HTML: Lien hypertexte (sans soulignement)
Editeur html - Télécharger - HTML
Forum ing
Forum ing
Forum HTML
Astuces et Solutions

27 réponses

Réponse 1 / 27

Meilleure réponse

La meilleure réponse est la réponse qui a été validée par nos équipes.

approuvée par Jean-François Pillou

GallyNet Messages postés 434 Date d'inscription Statut Membre Dernière intervention 387

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>

francis

Bonjour

ton code ne marche pas dans le navigateur firefox

est-ce que tu as une solution?

DEB

Merci, ça fonctionne parfaitement. Avec toute ma sympathie pour cette aide précieuse.

Réponse 2 / 27

GallyNet Messages postés 434 Date d'inscription Statut Membre Dernière intervention 387

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://commentcamarche.telechargertorrent.org/css/css-couleurs.php3 )

Réponse 3 / 27

faureste Messages postés 74 Date d'inscription Statut Membre Dernière intervention 10

Varatnar

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

<style type="text/css">

</style>

Réponse 4 / 27

ilan27 Messages postés 394 Date d'inscription Statut Membre Dernière intervention 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">

</style>

J'ai repris l'exemple précédent, appliqué donc à la classe lien1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 27

oumouri Messages postés 25 Date d'inscription Statut Membre Dernière intervention 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">

</style>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>

Réponse 6 / 27

oumouri

Merci bien, je vous en suis reconnaissant au delà des mots.

Réponse 7 / 27

Bab's

Réponse 8 / 27

François

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

Réponse 9 / 27

Varatnar

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 e sur le lien, eh bien celui-ci se souligne...
Merci d'avance !

Réponse 10 / 27

Varatnar

Un grand merci à toi !

Réponse 11 / 27

Varatnar

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...

Réponse 12 / 27

Varatnar

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.

Réponse 13 / 27

Varatnar

Pardonnez moi, mais j'aimerais bien avoir une réponse,
Merci

Réponse 14 / 27

mike

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)

Réponse 15 / 27

jérémy1664 Messages postés 165 Date d'inscription Statut Membre Dernière intervention 4

Il faut que tu applique une class ou id a la balise du lien que tu veux changer

Réponse 16 / 27

Varatnar

Merci !!

Réponse 17 / 27

Varatnar

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é ?

Réponse 18 / 27

ilan27 Messages postés 394 Date d'inscription Statut Membre Dernière intervention 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...

Réponse 19 / 27

Varatnar

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...

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

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 ?

--

Réponse 20 / 27

Varatnar

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

Posez votre question

Votre réponse

Discussions similaires

ne pas utiliser la souris mais le clavier

isabela -
thomas-richet -

32 réponses

Impossible d'ouvrir un lien dans Outlook

JDD -
Alix -

170 réponses

comment créer un lien direct?

fillou2 -
7000 -

10 réponses

enregistrer une video a partir d'un lien

moma3 -
Anonyme ❤️ -

55 réponses

autoriser ouverture de liens sur Outlook

durando -
jfb -

18 réponses

(VB Excel) lien hypertexte automatique

jpls -
Isa73 -

13 réponses

Devenez membre en quelques clics

Connectez-vous simplement avec ceux qui partagent vos intérêts
Suivez vos discussions facilement et obtenez plus de réponses
Mettez en avant votre expertise et aidez les autres membres
Profitez de nombreuses fonctionnalités supplémentaires en vous inscrivant

S'inscrire