rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

HTML: Lien hypertexte (sans soulignement)

Posté par kasparov, le mercredi 2 novembre 2005 à 17:40:47
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.
Répondre à kasparov  Signaler ce message aux modérateurs Aller au dernier message
29 réponses 12

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
GallyNet, le mercredi 2 novembre 2005 à 17:49:00
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
francis, le jeudi 13 mars 2008 à 14:41:08
Bonjour

ton code ne marche pas dans le navigateur firefox

est-ce que tu as une solution?
   
Répondre à francis

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oumouri, le lundi 7 novembre 2005 à 12:09:46
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
GallyNet, le lundi 7 novembre 2005 à 12:13:34
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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
oumouri, le mercredi 9 novembre 2005 à 17:31:23
Merci bien, je vous en suis reconnaissant au delà des mots.
   
Répondre à oumouri

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Bab's, le mercredi 11 avril 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
François, le samedi 28 avril 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Varatnar, le jeudi 4 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
faureste, le jeudi 4 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Varatnar, le jeudi 4 octobre 2007 à 14:13:23
Un grand merci à toi !
   
Répondre à Varatnar

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Varatnar, le jeudi 4 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Varatnar, le vendredi 5 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Varatnar, le mercredi 10 octobre 2007 à 23:53:59
Pardonnez moi, mais j'aimerais bien avoir une réponse,
Merci
   
Répondre à Varatnar

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
mike, le jeudi 18 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
jérémy1664, le jeudi 18 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
ilan27, le jeudi 18 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Varatnar, le samedi 20 octobre 2007 à 18:12:07
Merci !!
   
Répondre à Varatnar

17


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Varatnar, le samedi 20 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
ilan27, le samedi 20 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Varatnar, le dimanche 21 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le lundi 22 octobre 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
29 réponses 12Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Amaya 9.54Amaya - Amaya est un éditeur Web, développé conjointement par l'INRIA et le W3C, pour éditer et publier très simplement des pages...Catégorie: Editeurs HTML
Licence: Open Source
Télécharger Metapad 3.51Metapad - metapad est un éditeur de texte simple, petit et rapide (et complètement gratuit) avec des fonctionnalités similaires à...Catégorie: Traitement de texte
Licence: Freeware/gratuit
Télécharger HTML Tidy 0.008HTML Tidy - HTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger HTMLDOC 1.8.24HTMLDOC - HTMLDOC est un outil permettant de convertir une page HTML (Hyper-Text Markup Language) vers un fichier HTML indexé, vers...Catégorie: PDF
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « HTML: Lien hypertexte (sans soulignement) »