Un lien hypertexte qui ne change pas couleur

Perlogic -
Thekillerdu98 - 14 août 2008 à 22:49

Bonjour,

J'utilise un CSS et du HTML , maintenant je cherche à garder la même couleur des liens hypertexte lorsque cete page est visité. Je ne veux pas que le lien change de couleur pour m'aviser que j'ai déjà visité cette page.

Avez-vous une idée à comment je peux faire?

Merci beaucoup

Perlogic

Afficher la suite

A voir également:

Comment mettre un lien en bleu
Supprimer rond bleu whatsapp - Guide
Créer un lien pour partager des photos - Guide
Lien url - Guide
Verificateur de lien - Guide
Cliquez sur ce lien. en n'utilisant que le clavier, quel mot obtenez-vous ? ✓ - Forum souris / Touchpad

12 réponses

Réponse 1 / 12

Thekillerdu98

a{
text-decoration:none;
color:#333;
}

Réponse 2 / 12

sparkynormik Messages postés 15 Date d'inscription Statut Membre Dernière intervention 4

Essaye ceci dans ton code CSS :

body
{
link= blue; /* Couleur des liens*/
vlink= blue; /* Couleur des liens cliqués : Donc ça restera bleu même si quelqu'un a cliqué*/
alink= red; /* Couleur des liens en cours de cliquage*/
}

Voilà, j'espère que ça t'aidera

Réponse 3 / 12

ThEBiShOp Messages postés 8411 Date d'inscription Statut Contributeur Dernière intervention 1 566

Cette solution est plus simple et englobe tous les "états" des liens

Réponse 4 / 12

Thekillerdu98

Et si tu veux un effet lors du sorvol:

a{
text-decoration:none;
color:#333;
}
a:hover{
color:#f00;
}

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

Posez votre question

Réponse 5 / 12

Perlogic

Merci beaucoup pour vos réponses.

Et je je veux mettre ça dans mon CSS?

Voici ce le code:

CSS:
.menuItem
{
PADDING-RIGHT: 15px;
PADDING-LEFT: 10px;
WIDTH: 100%;
CURSOR: hand;
LINE-HEIGHT: 20px;
BORDER-BOTTOM: white 1px solid
}

HTML:

<div Id="menu2" class="menu">
<div Id="menuItem2_1" class="menuItem"><a href="page1.html">Page #1</a></div>
<div Id="menuItem2_2" class="menuItem"><a href="page2.html">Page #1</a></div>
<div Id="menuItem2_3" class="menuItem"><a href="page3.html">Page #1</a></div>
</div>

Merci

Perlogic

Réponse 6 / 12

Thekillerdu98

créer un fichier screen.css contenant le code ci-dessous.
Mets le dans le même répertoire que le index.html

screen.css contient :

.menuItem
{
PADDING-RIGHT: 15px;
PADDING-LEFT: 10px;
WIDTH: 100%;
CURSOR: hand;
LINE-HEIGHT: 20px;
BORDER-BOTTOM: white 1px solid
}
a{
text-decoration:none;
color:#333;
}
a:hover{
color:#f00;
}

Index.html contient :

<html>
<head>
<link href="screen.css" rel="stylesheet" type="text/css">
<head>
<body>
<div Id="menu2" class="menu">
<div Id="menuItem2_1" class="menuItem"><a href="page1.html">Page #1</a></div>
<div Id="menuItem2_2" class="menuItem"><a href="page2.html">Page #1</a></div>
<div Id="menuItem2_3" class="menuItem"><a href="page3.html">Page #1</a></div>
</div>
</body>
</html>

Réponse 7 / 12

Perlogic

Puis faire ça sans problème? Le mettre à l'intérieur, de sorte qu'il ne touche qu'au menuItem.

screen.css contient :

.menuItem
{
PADDING-RIGHT: 15px;
PADDING-LEFT: 10px;
WIDTH: 100%;
CURSOR: hand;
LINE-HEIGHT: 20px;
BORDER-BOTTOM: white 1px solid
a{
text-decoration:none;
color:#333;
}
a:hover{
color:#f00;
}
}

Index.html contient :

<html>
<head>
<link href="screen.css" rel="stylesheet" type="text/css">
<head>
<body>
<div Id="menu2" class="menu">
<div Id="menuItem2_1" class="menuItem"><a href="page1.html">Page #1</a></div>
<div Id="menuItem2_2" class="menuItem"><a href="page2.html">Page #1</a></div>
<div Id="menuItem2_3" class="menuItem"><a href="page3.html">Page #1</a></div>
</div>
</body>
</html>

Merci

Réponse 8 / 12

Thekillerdu98

non, il faut que tu fasses :

.menuItem{
PADDING-RIGHT: 15px;
PADDING-LEFT: 10px;
WIDTH: 100%;
CURSOR: hand;
LINE-HEIGHT: 20px;
BORDER-BOTTOM: white 1px solid
}

.menuitem a{
text-decoration:none;
color:#333;
}

.menuitem a:hover{
color:#f00;
}

Réponse 9 / 12

Perlogic

Merci,

Je dois travailler un peu sur la couleur, je voudrais avoir le lien en noir et qui reste noir, sur mon mouseover il doit ëtre blanc.

voici mon CSS (complet) :

BODY
{
}
.menuBar
{
POSITION: relative;
BACKGROUND-COLOR: transparent;
TEXT-ALIGN: center
}
.Bar
{
BORDER-RIGHT: blue 1px outset;
BORDER-TOP: blue 1px outset;
FLOAT: left;
BORDER-LEFT: blue 1px outset;
WIDTH: 100px;
CURSOR: hand;
TEXT-INDENT: 5px;
BORDER-BOTTOM: blue 1px outset;
POSITION: relative;
BACKGROUND-COLOR: deepskyblue;
TEXT-ALIGN: center
}
.menu
{
BORDER-RIGHT: buttonhighlight thin outset;
BORDER-TOP: buttonhighlight thin outset;
VISIBILITY: hidden;
BORDER-LEFT: buttonhighlight thin outset;
WIDTH: 150px;
LINE-HEIGHT: 140%;
BORDER-BOTTOM: buttonhighlight thin outset;
POSITION: absolute;
BACKGROUND-COLOR: deepskyblue
}
.menuItem
{
PADDING-RIGHT: 15px;
PADDING-LEFT: 10px;
WIDTH: 100%;
CURSOR: hand;
LINE-HEIGHT: 20px;
BORDER-BOTTOM: white 1px solid
}
.menuitem a{
text-decoration:none;
color: #333;
}

.ItemMouseOver
{
PADDING-RIGHT: 15px;
PADDING-LEFT: 10px;
WIDTH: 100%;
CURSOR: hand;
COLOR: highlighttext;
LINE-HEIGHT: 20px;
BORDER-BOTTOM: white 1px solid;
BACKGROUND-COLOR: highlight
}
.ItemMouseOut
{
WIDTH: 100%
}
.Arrow
{
FLOAT: right;
FONT-FAMILY: Webdings;
POSITION: absolute;
TEXT-ALIGN: left
}
.barOver
{
BORDER-RIGHT: blue 1px ridge;
BORDER-TOP: blue 1px ridge;
FLOAT: left;
BORDER-LEFT: blue 1px ridge;
WIDTH: 100px;
CURSOR: hand;
TEXT-INDENT: 5px;
BORDER-BOTTOM: blue 1px ridge;
POSITION: relative;
BACKGROUND-COLOR: deepskyblue;
TEXT-ALIGN: center
}

Si ça ne fonctionne pas j'utiliserai peut-être une image.

Merci beaucoup

Perlogic

Réponse 10 / 12

Thekillerdu98

tu as msn ? ca serait carrement plus simple ^^

Réponse 11 / 12

Perlogic

C'est exact! MSN 7

Réponse 12 / 12

Thekillerdu98

ccm_help[at]live.fr

add me !

Discussions similaires

Copier un lien instagram

Retrouver liens copiés sur le téléphone

Rajout de lien sur plusieurs pages

copie d'un lien dans le navigateur internet

Faux virus (Pour une blague)

Votre réponse

Discussions similaires