28221 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai le probleme suivant. J'ai cree un fichier css ou plusieurs classes sont definies; ce sont des classes qui servent a specifier l'aspect de zones de la page crees par des balises div.

Toujours dans le meme css, j'ai par ailleurs defini l'aspect des liens
(balises <a> .. </a>) au niveau global pour ma page, et ca marche.
Mon css commence par

<!--
a:link { color:GoldenRod ; text-decoration:none ; }
a:visited { color:DarkOrange ; text-decoration:none ;}
a:hover { text-decoration:underline ;}
a:active { color: purple ; text-decoration:none ;}
...


Mais ce que je voudrais, c'est que pour certaines classes, les couleurs des liens soient differentes et propre a la classe.
Je voudrais par exemple qu'entre <div class="bleu"> </div>
mes liens <a> </a> soient d'une couleur differente.

J'ai cherche un peu partout mais n'ai rien trouve qui marche.

Quelqu'un peut m'aider? Je precise ce que je voudrais savoir : ou et comment dois-je definir l'aspect global des liens, et ou et comment, l'aspect special a l'interieur de <div class="bleu"> </div>.

Ca a l'air bete mais j'ai essaye beaucoup de choses en vain.

Merci d'avance

Nardoel
Modifié le 27 Dec 2004 - 20:38
Tu n'as qu'a utiliser la parenté dans tes déclarations CSS


div.bleu a{
color:GoldenRod 
/* ... */
}

div.bleu a:hover{
color:GoldenRod 
/* ... */
}

...


Edit: le code se place n'importe ou Smiley cligne et n'afectera que les liens inclus dans <div class=bleu"></div>

a toi d'adapter si tu a compris comment ça marche !
Modifié le 27 Dec 2004 - 18:03
Bonsoir nardoel,

Tu peux définir une propriété css pour chaque type de lien que tu veux, par exemple :

html :

<div class="menu1">
lien1
lien2
</div>


en css du définis un style spécifique ainsi :


a.menu1{
	text-decoration:underline;
	font-size:1em;
	color:#80590e;
}

a.menu1:hover {
	color:#211704;
}
Merci, la suggestion de Dark Neo marche bien.
Je n'ai pas essaye les autres mais merci a tous ceux qui ont contribue des reponses.

Bien a vous
Nardoel