[JS / HTML] Probleme d'apparence des lien

Marsh Posté le 18-01-2003 à 12:59:47

Je voudrais que mais liens apparaissent en noir non souligné en situation normal, et qu'au passage de la souris ils deviennent blanc souligé.

J'ai écrit ca :

Code :

<html>
<head>
<style rel="stylesheet" type="text/css">
a:link { text-decoration:none }
a:hover { color:white }
a:hover { text-docoration:underline }
</style>
</head>
<body bgcolor="#589ADC" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<a href="http://www.google.fr/"><font size="5" face="Verdana">Entrer !</font></a>
</body>
</html>

Alors le truc c'est que mon lien change bien de couleur, mais il est souligné tous le temps, meme quand la souris ne passe pas dessus. C'est quoi l'erreur ?

Et puis une ptit question encore comment est ce que je peut ressembler ca en un seule truc (connait pas trop le JS et la metode du PHP ca marche pas ) :

Code :

a:hover { color:white }
a:hover { text-docoration:underline }

Message édité par Big-Foot le 18-01-2003 à 13:02:50

Reply

Marsh Posté le 18-01-2003 à 12:59:47

Reply

Marsh Posté le 18-01-2003 à 13:02:58

Citation :

a:hover { color:white }
a:hover { text-decoration:underline }

Reply

Marsh Posté le 18-01-2003 à 13:03:54

moi j'ai ca :

Code :

a
{
color:#ff0000;
text-decoration: none;
}
a:link
{
color:#000000;
text-decoration: none;
}
a.nor:link
{
color=#008080
text-decoration: none;
}
a:hover
{
color:red;
text-decoration: none;
}
a:visited
{
color:#000000;
text-decoration: none;
}

sic a peu t'inspirer

Reply

Marsh Posté le 18-01-2003 à 13:16:51

merci

mais pourquoi tu met des ; apres chaque instruction ? c'est mieux ?

Sinon j'ai refait ca :

Code :

a { text-decoration:none; }
a:link { text-decoration:none; }
a:hover { color: white; text-docoration: underline; }

Mais c'est bizarre : ca ne souligne +du tout les liens. pourtant j'ai ecrit kil les souligne au passage de le souris. :??:

Reply

Marsh Posté le 18-01-2003 à 13:18:45

HotShot a écrit :

Excuse-moi si c pas charitable mais [:rofl]

Ouvre grand les yeux. * CORRIGE * tout le code.

Au fait, le ";" sert à séparer deux instructions. Un peu comme les points quand tu écris un texte, sinon on y comprend rien (et donc la machine non plus)

Mais le dernier c'est juste non ?

Code :

a { text-decoration:none; }
a:link { text-decoration:none; }
a:hover { color: white; text-docoration: underline; }

Message édité par Big-Foot le 18-01-2003 à 13:20:44

Reply

Marsh Posté le 18-01-2003 à 13:24:06

je me suis relut plein de fois, en fait je me reli depuis hier et je trouv rien :cry:

Message édité par Big-Foot le 18-01-2003 à 13:24:28

Reply

Marsh Posté le 18-01-2003 à 13:27:29

y manque le a:visited... :whistle: (en 2° position tant qu'à faire)... (enfin 3° dans ton cas).

Et pour l'énoncé du départ, je vois vraiment pas ce que php vient faire là dedant...

Message édité par Hermes le Messager le 18-01-2003 à 13:28:12

Reply

Marsh Posté le 18-01-2003 à 13:31:13

Code :

text-docoration

[:dipapa]

dEcoration

Reply

Marsh Posté le 18-01-2003 à 13:45:03

Code :

decoration

:whistle:

je suis trop laid...

merci merci ca marche!

Reply

Marsh Posté le 18-01-2003 à 13:48:25

J'en profite pour poser une question :

c'est koi la difference entre :

Code :

a { }

et

Code :

a:link { }

Reply

Marsh Posté le 18-01-2003 à 13:48:25

Reply

Marsh Posté le 18-01-2003 à 13:50:25

[:totoz]

Reply

Marsh Posté le 18-01-2003 à 13:54:12

lorill a écrit :

[:totoz]

[:novella]

Reply

Marsh Posté le 18-01-2003 à 13:57:10

ben koi je connais pas le JS moi...

Reply

Marsh Posté le 18-01-2003 à 13:58:42

Big-Foot a écrit :

ben koi je connais pas le JS moi...

Ceci n'est pas du javascript, c'est du css. Voir l'excellente FAQ de gm_superstar dans sa signature, et dans "Topics utiles" en haut du forum.

Pour ton info, le :truc est une pseudo classe, mais ca doit pas t'aider des masses [:sinclaire]

Reply

Marsh Posté le 18-01-2003 à 14:01:22

arf merci kand meme

Reply

Marsh Posté le 18-01-2003 à 14:15:44

Big-Foot a écrit :

J'en profite pour poser une question :

c'est koi la difference entre :

Code :

a { }

et

Code :

a:link { }

Aucune si on en croit les specifications http://www.yoyodesign.org/doc/w3c/ [...] do-classes

Mais disons, que si on définit un :visited, c'est Bien de définir aussi un :link histoire de distinguer les 2 états...

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 18-01-2003 à 14:40:37

gm_ notre dieu du css

Reply

Marsh Posté le 18-01-2003 à 14:58:22

Mouarf

Reply

[JS / HTML] Probleme d'apparence des lien

Sujets relatifs:

Leave a Replay