High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Un lien hypertexte qui ne change pas couleur

Dernière réponse le 14 aoû 2008 à 22:49:49 Perlogic, le 14 aoû 2008 à 17:58:31 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « Un lien hypertexte qui ne change pas couleur » dans :
[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. :
[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...
Posez votre question Répondre

1

sparkynormik, le 14 aoû 2008 à 18:09:14
  • +1

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

2

Thekillerdu98, le 14 aoû 2008 à 19:49:19
  • +1

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

   
Répondre à Thekillerdu98

3

ThEBiShOp, le 14 aoû 2008 à 19:51:03

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

   
Répondre à ThEBiShOp

4

Thekillerdu98, le 14 aoû 2008 à 19:51:00

Et si tu veux un effet lors du sorvol:

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

   
Répondre à Thekillerdu98

5

Perlogic, le 14 aoû 2008 à 21:46:28

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

6

Thekillerdu98, le 14 aoû 2008 à 21:52:51

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

7

Perlogic, le 14 aoû 2008 à 21:58:06

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

8

Thekillerdu98, le 14 aoû 2008 à 22:02:25

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

9

Perlogic, le 14 aoû 2008 à 22:37:57

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

10

Thekillerdu98, le 14 aoû 2008 à 22:43:38

Tu as msn ? ca serait carrement plus simple ^^

   
Répondre à Thekillerdu98

11

Perlogic, le 14 aoû 2008 à 22:44:59

C'est exact! MSN 7

   
Répondre à Perlogic

12

 Thekillerdu98, le 14 aoû 2008 à 22:49:49

Ccm_help[at]live.fr

add me !

   
Répondre à Thekillerdu98
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net