Forum debian-fr.org

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!

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;

Bonsoir!

Plutôt que d'appliquer un style à l'ensemble des liens dans ton fichier css, crée une classe ou un div que tu pourras utiliser uniquement pour les boutons/liens concernés.

Par exemple:

#btnHeader a:hover
{
border-top-color: #294e08;
background: #294e08;
color: #ccc;
}

et dans ton fichier html:

<div id="btnHeader">
<a href="http://www.monsite.html">Mon site perso</a>
</div>

De cette manière tu appliques le style uniquement à ce qui se trouve entre les balises <div>.

Tu peux également le faire avec des classes (ça serait peut être mieux d'ailleurs), le html donnerait ceci:

<a class="btnHeader" href="http://www.monsite.html">Mon site perso</a>

Voilà!

Bonne soirée.

_________________
Intel Dual-Core E5200 | Intel GMA 82945G/GZ | 3Gb. | Pas de pilotes proprios \o/ | Squeeze (Fluxbox) | Squeeze (Xfce+Compiz) | OpenBSD 5.0 (ScrotWM) | Trisquel 5.0