28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Voilà, j'ai créé certaines pages qui utilisent un css pour les liens ( changement de couleur et soulignement au passage de la souris ).
Mon soucis c'est que j'aimerais que sur certains liens , le css appliqué à la page ne soit pas pris en compte, je voudrais un effet différent sur certains liens. J'espère que je me fais comprendre. Merci pour votre aide précieuse ( je suis encore débutant en CSS ) Smiley decu
Bonjour Winzip,

Il suffit d'attribuer un attribut class aux liens en question, comme suit :
<a class="nouvelleregle" href="mapage.html">Mon lien</a>


Et dans ta css, d'ajouter une règle pour changer le style de tes liens :

a.nouvelleregle
{
// propriétés css
}


Bonne continuation. Romain
Modifié par yodaswii (30 May 2007 - 10:19)
Salut Smiley smile

Le plus simple est d'utiliser les classes CSS.

Exemple :

HTML
<a href="#" class="rouge">Un lien rouge</a>
<a href="#" class="bleu">Un lien bleu</a>

CSS
.rouge {
color:red; }

.bleu {
color:blue; }

Voilà Smiley cligne
Salut,

Ou si tes liens sont différents par zones dans la page, si chacune de tes zones porte un identifiant, tu peux styliser les liens sans classe :

Ainsi par exemple, si tu as un code dans ce genre :


<div id="header">
  <a href="#">lien 1</a>
  <a href="#">lien 2</a>
</div>

<div id="content">
  <a href="#">lien A</a>
  <a href="#">lien B</a>
  <a href="#">lien C</a>
</div>


Tu peux alors styliser tes liens ainsi :

#header a {
... les styles de liens du header...
}

#content a {
... les styles de liens du content...
}


C'est plus pratique car çà t'évite de tomber dans la classite aigüe, sachant qu'en général dans un site bien fait les liens sont identiques par zone pour des questions d'uniformité et de logique. Et ton code n'en est que plus léger.
a écrit :
C'est plus pratique car çà t'évite de tomber dans la classite aigüe, sachant qu'en général dans un site bien fait les liens sont identiques par zone pour des questions d'uniformité et de logique. Et ton code n'en est que plus léger.


+1. Smiley cligne