web-dev-qa-db-fra.com

Comment ne pas rendre le texte coloré dans un lien href mais le texte est également dans div?

Comment faire pour que le texte ne soit PAS coloré en bleu lorsque je crée un div en entier en tant que lien?

Donc, dans l'extrait suivant:

<a href="/link"><div><h2>LINK</h2></div></a>

Je veux que la totalité de la div soit liée à une autre page, mais je ne souhaite pas non plus que la chaîne LINK soit colorée en bleu, comme dans le cas des objets de liaison habituels.

Quand j'ai écrit le CSS suivant:

a {text-decoration: none; background-color: none; }

ça n'a pas du tout changé.

[Mettre à jour]

Merci pour beaucoup de réponses. La raison pour laquelle je veux placer div dans a est que je veux rendre l'objet pouvant être lié par bloc (cliquez sur le bloc et passez à une autre page). J'ai d'abord mis a dans div, mais cela n'a pas fonctionné et c'est pourquoi je l'ai mis à l'extérieur div. (et j'utilise HTML5 et CSS3).

htmlcsshtml5css3colors
9
Blaszard

En HTML 5, utilisez facilement ceci:

<a href="/yourLinkAddress">
    <div class="link">
         <h2>Link Text</h2>
    </div>
</a>

CSS:

.link
{
   color:aqua;
   text-decoration: none; 
   background-color: none;
}
13
Majid

Vous êtes autorisé à utiliser les éléments divs/block à l'intérieur des liens dans les spécifications html5, ce qui n'est pas nécessairement mauvais.

Fond signifie que ce qui est derrière le texte, c'est-à-dire que ce code est gris. La couleur est ce que vous recherchez.

a {
    text-decoration: none; 
    color: black; 
}

Edit: Sources:

Goto: http://validator.w3.org/check et validez ceci:

<!doctype html>
<html>
<head>
<title>...</title>
</head>
<body>
    <a href="#stuff">
        <div>
            <h1>hi</h1>
        </div>
    </a>
</body>
</html>
4
OZZIE

Essayer

<a href="/link"><div class="link"><h2>LINK</h2></div></a>

puis appliquer la classe:

.link{
  background-color:none;
  color:blue;
 }

Si vous n'êtes pas autorisé à utiliser les balises internes, essayez plutôt d'utiliser table. Cela devrait fonctionner de la même manière.

2
Nelson Menezes

Il suffit de cibler h2 

a div h2 {
    color: #fff; /*Or whatever you want*/
}
2
markvicencio

css:

.link
{
  text-decoration: underline;
color: #0000EE;
font-size: 16px;
}

html:

<strong>Hello!</strong> you have already registered , you can login
<a href="http://www.example.com/"><span class="link">here</span></a>

référence:

couleur du lien HTML/CSS par défaut et this

Wikipedia Link Color répertorie les différentes couleurs de liens et leur signification.

J'espère que cela t'aides.

0
stom

text-decoration: none; n'affecte pas les réponses acceptées!

Ceci est votre code  

<a href="/link"><div><h2>LINK</h2></div></a>

C'est correct; 

<div class='editLink'> 
     <a href="/link">
       <h2>LINK</h2> 
    </a>
</div>

CSS

.editLink a {
  color: #FFFFFF;
  text-decoration: none;
}
0
ErcanE
a{text-decoration: none; background-color: none;color:gray; }

// pour la couleur-donnez votre couleur désirée ..

0
Sasidharan