style différent pour lien

au moins 2 styles

Sujet résolu

26 juin 2006 à 22:09:57

Bonsoir a tous, voila j'ai un probleme, les liens de mon menu on un certain style (lien) seulement j'aimerai que les liens de mon corps ne soit pas sur le même style.

Même si je leur donne une class, le lien viens toujours avant ... comment faire svp pour donner un style différent ???

merci

yöm

26 juin 2006 à 22:12:17

Fais voir ta cascade ...

jacman

26 juin 2006 à 22:19:34

ouaip ok, je met tout mais je pense pas que ca va chaner grand chose si tu vois mon CSS :

.overflow {
overflow:auto;
width: 400px;
height: 200px;
border: 1px solid black;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
background-color: #FFFFFF;
background-image: url("images/trame.gif");
margin:auto;
}
.script {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#00CCFF; }
body {
background-image: url("images/fond.gif");
}
body,td,th {
font-family: Verdana;
font-size: 10px;
color: #000000;
}
.compteur {
color: #a5a5a5;
padding-left: 10px;
font-family: "Courier New" ;
font-size: 12px;
}
A {font-size: 10px; font-weight: bold; font-family: Verdana; color: black;text-decoration: none;}

A.clean {
font-weight: bold;
text-decoration: none;
}

A:hover {
color: #716f64;
text-decoration: none;
}
.stylewarning {font-size: 10px; font-weight: bold; font-family: Verdana; color: #FF0000;}
.stylelogo {font-size: 14px; font-weight: bold; font-family: Verdana; color: #000000;}
.titre2 {font-size: 20px; font-weight: bold; font-family: "Courier New", Courier, monospace; color: #000000;}
.styleMenu {font-size: 12px; font-weight: bold; font-family: Verdana; color: #ffffff;}
.styleecriture {font-size: 10px; font-family: Verdana; color: #000000;}
.stylelienmail {font-size: 10px; font-weight: bold; font-family: Verdana; text-decoration: none;}
.bleu {font-size: 10px; font-weight: bold; font-family: Verdana; color: #84B5FF;}
.styletitre {
color: #000000;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
}
.lien {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.top {
background-image: url(images/top.gif);
background-repeat: no-repeat;
height: 30px;
width: 110px;
margin-left: 15px;
}.top_som {
background-image: url(images/top_som.gif);
background-repeat: no-repeat;
height: 30px;
width: 110px;
margin-left: 15px;
}
.top_part {
background-image: url(images/top_part.gif);
background-repeat: no-repeat;
width: 110px;
height: 30px;
}

DEpth

26 juin 2006 à 22:24:16

Salut, j'ai une idée

Par exemple, si ton code est semblabe à cela:

Bien sûre, je les simpliflie.
Dans ton code CSS tu peux mettre:

#menu a {
// Ton code CSS pour tes liens dans ton menu
}

#corps a {
// Ton code CSS pour tes liens dans ton corps
}

Sa devrais marché je crois

jacman

26 juin 2006 à 22:29:56

a oui génial, ca marche, je savais pas qu'on pouvait faire ca, merci beaucoup a toi