S'abonner :

Newsletters

Magazines

01men.

Avis sur les produits

Avis sur les logiciels

Avis sur les jeux

Actualités

A propos de 01net

425 utilisateurs connectés

Forum de 01net / Développement / Problème code CSS

Problème code CSS

Vyk12 le 02 septembre 2007 à 11h43

bonjour

ben voilà, j'ai quelques problèmes avec mon code CSS

je veux que mon lien soit rouge car mon fond est bleu, que quand je survole le lien, ce soit blanc souligné, et qu'une fois qu'on est cliqué dessus, ce soit orange.

voici mon code CSS :

Or, mon lien est toujours bleu, quand j'ai cliqué dessus, il n'est pas du tout orange, mais par contre il est blanc souligné quand je passe la souris dessus.

si ça peu aider, voici mon lien :

quelqu'un peu m'aider S'il-vous-plait ??

merci par avance !

-->Message édité par Vyk12 le 02/09/2007 11:56:26<--

répondre

niklavi2.0 le 02 septembre 2007 à 13h49

bonjour.

a:link {text-decoration:underline;color:red ;}
a:focus{text-decoration:underline;color:#f36d00;}
a:hover{text-decoration:underline;color:#e6e5e5;}

par contre je n'ai pas ie donc il me semble soit focus soit hover ne fonctionne pas avec.
si ça te dérange on peut contourner le problème aussi

répondre

Beno@ le 02 septembre 2007 à 14h07

c'est hover, active et visited

a:link n'existe pas, puisque un a est toujours un lien depuis l'abandon des ancre par la balise a

répondre

Vyk12 le 02 septembre 2007 à 15h50

bonjour

je ne comprends pas, j'ai essayé la technique de niklavi, mais le lien est toujours bleu (donc on le voit toujours pas avec le fond que j'ai ^^) et Beno@ je comprend pas trop, j'ai essayé mais rien à y faire, toujours bleu le lien. Vous pouvez pas me donner un code complet et exact s'il vous plait ? Désolé mais je débute un peu dans la matière du CSS ^^

Cordialement, Vyk12

répondre

Beno@ le 03 septembre 2007 à 09h53

a
{
text-decoration: underline;
color: #ff0000;
}

répondre

Vyk12 le 03 septembre 2007 à 10h18

le lien est rouge uniquement quand je clique dessus :sarcastic:

répondre

Beno@ le 03 septembre 2007 à 10h23

il faut aussi mettre des guillements pour l'attribut href

et aussi mettre quelques chose entre les balises <a> et </a>

chez moi ca marche très bien en tout cas...

répondre

niklavi2.0 le 03 septembre 2007 à 21h18

salut, désolé j'avais oublié ton post, je ne viens pas souvent ici.

ce que je t'ai mit fonctionne bien.

regarde

http://niklavi.be.free.fr/utils/essai2.html

par contre tu devrais te faire des fichiers .css pour éviter de trop alourdir tes pages xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Test pour vyk12</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>
<style type="text/css">
a:link {text-decoration:underline;color:red ;}
a:focus{text-decoration:underline;color:#f36d00;}
a:hover{text-decoration:underline;color:#e6e5e5;}

</style>
<a href="mailto:monadresse@hotmail.fr">test du mailto</a>

</body>
</html>

-->Message édité par niklavi2.0 le 03/09/2007 21:19:03<--

répondre

magikmanu le 30 septembre 2008 à 16h49