Forum SELFHTML Archives du forum 2003 mai| Forum SELFHTML Archives du forum 2003 mai |
 |
Forum SELFHTML: Archives: |
 |
|
 |
|
Le message suivant est de: Pierre, 
essai.15@laposte.net, 14. 05. 2003, 00:57
Bonjours,
J`ai crée sur une feuille de style CSS
toute l`information pour mes liens (link, visited, hover et active)
cela est bien
mais sur un lien en particulier je voudrais que hover n`agisse pas
ex.:
a:link
{
color: rgb(179,00,00);
}
a:visited
{
color: rgb(17,62,9);
}
a:hover
{
width: 80px;
text-decoration: none;
font-family:Time New Roman;
font-size:12px;
color: #B30000;
BORDER: none;
border: solid 0px #FFFFFF;
background-color:#fbc229;
}
a:active
{
color: rgb(255,255,0);
}
a.rien:hover
{
QUE METTRE ICI POUR QUE MON HOVER NE SOIT PAS ACTIF
}
Lorsque je fait (A href= "..." class = "rien")
sur le lien en question le hover apparait toujours
si a "a.rien:hover" je mes les mêmes définition que l`autre hover en
changeant les couleurs je remarque que mon lien et lui seulement
apparaitras avec le hover changer donc logiquement je devrais être capable de faire en sorte qu`il n`y en est pas?
Merci de votre patience!
Bonjours, et Merci!
 |
Le message suivant est de: Patrick Andrieu, nospam@nospam.fr, 14. 05. 2003, 12:39
Salut Pierre!
Il te faut déclarer deux classes et indiquer les pseudo-classes pour les liens pour chaque classe. Vois l'exemple ci-dessous, une classe nommée foo (avec des effets pour hover) et une nommée rien (sans effets).
<html>
<head>
<style>
a.rien:link
{
text-decoration:underline;
}
a.rien:visited
{
text-decoration:none;
}
a.rien:hover
{
text-decoration:none;
}
a.rien:active
{
text-decoration:none;
}
a.foo:link
{
color:rgb(179,00,00);
}
a.foo:visited
{
color:rgb(17,62,9);
}
a.foo:hover
{
width:80px;
text-decoration:none;
font-family:"Times New Roman";
font-size:12px;
color:#B30000;
border:solid 1px #000000;
background-color:#fbc229;
}
a.foo:active
{
color:rgb(255,255,0);
}
</style>
</head>
<body>
<a class="rien" href="http://www.atomic-eggs.com">Ici</a><br><br>
<a class="foo" href="http://www.atomic-eggs.com">Ici aussi</a>
</body>
</html>
Si je reprends ton CSS, voici quelques tuyaux que je peux t'apporter:
1) Les noms de polices comportants plusieurs mots doivent être indiqués entre guillemets:
font-family:"Times New Roman";
au lieu de font-family:Times New Roman;
en revance, font-family:Arial; est correct.
2) Mieux vaut ne mettre pas d'espace entre ni avant ni après le double point:
color:rgb(255,255,255); au lieu de color: rgb(255,255,255);
3) Les déclarations de ton hover (dans ton exemple):
a:hover
{
width: 80px;
text-decoration: none;
font-family:Time New Roman;
font-size:12px;
color: #B30000;
BORDER: none; <--- si tu déclares ici border:none (donc, pas de bordures).......
border: solid 0px #FFFFFF; <--- ... cette déclaration est de ce fait inutile :-)
background-color:#fbc229;
}
Patrick
| |
Le message suivant est de: Pierre, essai.15@laposte.net, 29. 05. 2003, 03:37
Mille merci
Je n`avait pas su que l`on m`avait répondue
Salut
|
| Forum SELFHTML Archives du forum 2003 mai |
© 1998-2004 selfhtml@fr.selfhtml.org
(CSS)