Un lien hypertexte qui ne change pas couleur

Fermé
Perlogic - 14 août 2008 à 17:58
 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
A voir également:

12 réponses

Thekillerdu98
14 août 2008 à 19:49
a{
text-decoration:none;
color:#333;
}
5
sparkynormik Messages postés 15 Date d'inscription jeudi 14 août 2008 Statut Membre Dernière intervention 27 février 2013 4
14 août 2008 à 18:09
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
3
ThEBiShOp Messages postés 8378 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 8 février 2021 1 566
14 août 2008 à 19:51
Cette solution est plus simple et englobe tous les "états" des liens
1
Thekillerdu98
14 août 2008 à 19:51
Et si tu veux un effet lors du sorvol:

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

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

Posez votre question
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
0
Thekillerdu98
14 août 2008 à 21:52
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>
0
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
0
Thekillerdu98
14 août 2008 à 22:02
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;
}
0
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
0
Thekillerdu98
14 août 2008 à 22:43
tu as msn ? ca serait carrement plus simple ^^
0
C'est exact! MSN 7
0
Thekillerdu98
14 août 2008 à 22:49
ccm_help[at]live.fr

add me !
0