Bouton sur mes vignettes ,sur mes balises <a>.

[freeman22]

Bonjour a tous et enchanté!

Je suis débutant dans le HTML / CSS et sur ce forum, avant j'avais toujours utilisés NVU et KOMPOZER et oui je suis sous LINUX (Debian squeeze). En me retrouvant par hazard sur ce site et après avoir lue le cours sur HTML/CSS j'ai décidé de m'y mettre.

J'ai déjà bien avancé, mais là je suis obligé de vous soliciter:

J'utilise un fichier .css pour l'ensemble de mes pages comme conseillé sur le tuto or j'utilse des liens Hypertexte <a> pour mes boutons paramétrer dans css voici le code en bas du message.

Ma questtion est la suivante: Comment éviter que mes vignettes cliquable des autres pages (car j'utilise les balises <a> pour les rendre cliquable comme dans le cours) n'est pas les mêmes boutons en dessous? J'ai bien pensé as les isoler avec les balises Html générique et d'appliquer à ces même balises un code CSS qui les effacent mais lesquelles?

Je sais pas si vous avez assez d'informations pour m'aider mais dites le moi!

Merci d'avance!

Code css :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
a
{
border-top: 1px solid #d6d6d6;
background: #5f9300;
background: -webkit-gradient(linear, left top, left bottom, from(#5f9300), to(#5f9300));
background: -moz-linear-gradient(top, #5f9300, #5f9300);
padding: 8px 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
font-weight: bold;
color: white;
font-size: 16px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
}
a:hover
{
border-top-color: #294e08;
background: #294e08;
color: #ccc;
}
a:active
{
border-top-color: #d6d6d6;
background: #d6d6d6;
color: #004b80;

[NoSmoking]

Bonsoir et bienvenu,
il te manque une corde à ton arc, la http://css.developpez.com/faq/?page=...html#css_class