Rechercher : dans
Par :

HTML: Lien hypertexte (sans soulignement)

Dernière réponse le 16 oct 2008 à 14:45:15 kasparov, le 2 nov 2005 à 17:40:47 
 Signaler ce message aux modérateurs

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 soulignemnt tout en gardant le liens en activité (je peux plonger ds le code si nécéssaire) Merci.

Meilleures réponses pour « HTML: Lien hypertexte (sans soulignement) » dans :
Problème pour ouvrir les liens dans Outlook VoirSi Outlook est dans l'impossibilité d'ouvrir un lien hypertexte, ou si les liens dans les messages ouvrent l'explorateur sans charger la page Web, il suffit de suivre l'une des procédures suivantes : Méthode 1 Méthode 2 Méthode 3 Pour...
[Word] Supprimer tous les liens hypertextes VoirLorsque vous copiez-collez un extrait d'une page web, vous risquez fort d'obtenir dans le texte de nombreux liens hypertextes. Voici deux solutions pour supprimer les liens hypertextes d'un document Word. 1° solution : un lien hypertexte à la...
[PHP] Transformer une URL en lien hypertexte cliquable VoirGrâce aux expressions régulières, il est possible de transformer en lien hypertexte toute URL de la forme http://URL (ou ftp://URL) ou bien commençant par www. :
Les liens hypertextes VoirPrésentation des ancrages Les liens hypertextes (ancrages) sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l'on clique dessus. Ce sont les liens...

1

GallyNet, le 2 nov 2005 à 17:49:00
  • +2

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>

Répondre à GallyNet

27

francis, le 13 mar 2008 à 14:41:08

Bonjour

ton code ne marche pas dans le navigateur firefox

est-ce que tu as une solution?

Répondre à francis

30

 DEB, le 16 oct 2008 à 14:45:15

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

Répondre à DEB

2

oumouri, le 7 nov 2005 à 12:09:46
  • +1

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>

Répondre à oumouri

3

GallyNet, le 7 nov 2005 à 12:13:34
  • +1

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 )

Répondre à GallyNet

4

oumouri, le 9 nov 2005 à 17:31:23

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

Répondre à oumouri

5

Bab's, le 11 avr 2007 à 11:09:43

<style type="text/css">
<!--
a {
text-decoration: none;
color:#0000FF;
}
//-->
</style>

Avec ça ou doit on taper le lien ??

Répondre à Bab's

6

François, le 28 avr 2007 à 09:35:43

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épondre à François

7

Varatnar, le 4 oct 2007 à 04:37:19

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 !

Répondre à Varatnar

8

faureste, le 4 oct 2007 à 08:53:07

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>

Répondre à faureste

9

Varatnar, le 4 oct 2007 à 14:13:23

Un grand merci à toi !

Répondre à Varatnar

10

Varatnar, le 4 oct 2007 à 14:21:50

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épondre à Varatnar

11

Varatnar, le 5 oct 2007 à 00:34:04

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épondre à Varatnar

12

Varatnar, le 10 oct 2007 à 23:53:59

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

Répondre à Varatnar

13

mike, le 18 oct 2007 à 15:19:31

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épondre à mike

14

jérémy1664, le 18 oct 2007 à 16:09:16

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

Répondre à jérémy1664

15

ilan27, le 18 oct 2007 à 17:27:22

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

Répondre à ilan27

16

Varatnar, le 20 oct 2007 à 18:12:07

Merci !!

Répondre à Varatnar

17

Varatnar, le 20 oct 2007 à 18:27:37

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épondre à Varatnar

18

ilan27, le 20 oct 2007 à 21:36:33

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épondre à ilan27

19

Varatnar, le 21 oct 2007 à 23:21:03

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

Répondre à Varatnar

20

Gihef, le 22 oct 2007 à 00:07:39

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épondre à Gihef