OVH Cloud OVH Cloud

[DWMX] feuille de style

3 réponses
Avatar
Nadège
Bonjour a tous
J'ai un probleme surement tout bete avec les CSS mais là je bloque.
Alors is quelqu'un a la solution miracle !!
J'ai une feuille de style externe reliée a ma page et qui fonctionne en
grande partie
Mon pb viens des liens
voilà la css
A { font-family: Helvetica, Arial; font-size: 13px; font-weight:
bold }
A:link { font-family: Helvetica, Arial; font-size: 13px; font-weight:
normal; text-decoration: none }
A:visited { font-family: Helvetica, Arial; font-size: 13px; font-weight:
normal; text-decoration: none }
A:hover { font-family: Helvetica, Arial; font-size: 13px; font-weight:
normal; text-decoration: underline }

A.copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
normal; text-decoration: none }

Sur un de mes liens je veux mettre la class copy mais là ca ne fonctionne
pas !!
<A class="copy" href="#" >Copy</A>

Si quelqu'un avait une vague idée d'ou venait le probleme ca me serait d'un
grand secours
merci
Nadège

3 réponses

Avatar
lda
Tu as fait une légère erreur, je pense dans ton code css :
ex. : pour définir 2 liens différent dans une page :

area1 a:link {
color: #FF0000;
text-decoration: none;
}
.area1 a:visited {
color: #000000;
text-decoration: none;
}
.area1 a:hover {
color: #0000CC;
text-decoration: underline;
}
.area1 a:active {
color: #FF0000;
text-decoration: none;
}
.area2 a:link {
color:#0000C0;
text-decoration: underline;
}
.area2 a:visited {
color: #FF0000;
text-decoration: underline;
}
.area2 a:hover {
color: #CCCCCC;
background-color: #000000;
text-decoration: none;
}
.area2 a:active {
color: #000000;
text-decoration: underline;
}

Voila le code : quand tu appliques ces liens

<p class="area1"><a href="#" >liens</a></p>
<p class="area2"><a href="#" >liens </a></p>

en fait ton erreur est là :

A.copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
normal; text-decoration: none }

.copy a:hover { font-family: Helvetica, Arial; font-size: 40px;
font-weight: normal; text-decoration: none }

serait plus juste

bien à toi

laurent
http://www.tutodream.fr.st




"Nadège" a écrit dans le message de news:
c0a9ir$kpq$
Bonjour a tous
J'ai un probleme surement tout bete avec les CSS mais là je bloque.
Alors is quelqu'un a la solution miracle !!
J'ai une feuille de style externe reliée a ma page et qui fonctionne en
grande partie
Mon pb viens des liens
voilà la css
A { font-family: Helvetica, Arial; font-size: 13px; font-weight:
bold }
A:link { font-family: Helvetica, Arial; font-size: 13px; font-weight:
normal; text-decoration: none }
A:visited { font-family: Helvetica, Arial; font-size: 13px; font-weight:
normal; text-decoration: none }
A:hover { font-family: Helvetica, Arial; font-size: 13px; font-weight:
normal; text-decoration: underline }

A.copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
normal; text-decoration: none }

Sur un de mes liens je veux mettre la class copy mais là ca ne fonctionne
pas !!
<A class="copy" href="#" >Copy</A>

Si quelqu'un avait une vague idée d'ou venait le probleme ca me serait


d'un
grand secours
merci
Nadège




Avatar
Shaackal
Salut,
pour être en accord avec "lda"
c'est plus juste, mais ... ce n'est pas inexacte

A .copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
normal; text-decoration: none }

ne s'appliquera en l'occurence qu'aux balise affectées par la class "copy"
si elles sont filles d'une balise A .
Voilà c'était pour info .

"lda" a écrit dans le message de news:
c0abj3$nj7$
Tu as fait une légère erreur, je pense dans ton code css :
ex. : pour définir 2 liens différent dans une page :

area1 a:link {
color: #FF0000;
text-decoration: none;
}
.area1 a:visited {
color: #000000;
text-decoration: none;
}
.area1 a:hover {
color: #0000CC;
text-decoration: underline;
}
.area1 a:active {
color: #FF0000;
text-decoration: none;
}
.area2 a:link {
color:#0000C0;
text-decoration: underline;
}
.area2 a:visited {
color: #FF0000;
text-decoration: underline;
}
.area2 a:hover {
color: #CCCCCC;
background-color: #000000;
text-decoration: none;
}
.area2 a:active {
color: #000000;
text-decoration: underline;
}

Voila le code : quand tu appliques ces liens

<p class="area1"><a href="#" >liens</a></p>
<p class="area2"><a href="#" >liens </a></p>

en fait ton erreur est là :

A.copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
normal; text-decoration: none }

.copy a:hover { font-family: Helvetica, Arial; font-size: 40px;
font-weight: normal; text-decoration: none }

serait plus juste

bien à toi

laurent
http://www.tutodream.fr.st




"Nadège" a écrit dans le message de news:
c0a9ir$kpq$
> Bonjour a tous
> J'ai un probleme surement tout bete avec les CSS mais là je bloque.
> Alors is quelqu'un a la solution miracle !!
> J'ai une feuille de style externe reliée a ma page et qui fonctionne en
> grande partie
> Mon pb viens des liens
> voilà la css
> A { font-family: Helvetica, Arial; font-size: 13px;


font-weight:
> bold }
> A:link { font-family: Helvetica, Arial; font-size: 13px;


font-weight:
> normal; text-decoration: none }
> A:visited { font-family: Helvetica, Arial; font-size: 13px;


font-weight:
> normal; text-decoration: none }
> A:hover { font-family: Helvetica, Arial; font-size: 13px;


font-weight:
> normal; text-decoration: underline }
>
> A.copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
> normal; text-decoration: none }
>
> Sur un de mes liens je veux mettre la class copy mais là ca ne


fonctionne
> pas !!
> <A class="copy" href="#" >Copy</A>
>
> Si quelqu'un avait une vague idée d'ou venait le probleme ca me serait
d'un
> grand secours
> merci
> Nadège
>
>




Avatar
Nadège
Oui en fait c ca

j'ai donc redefini des balises link, hover et autres pour copy mais sinon o
niveau de l'ecriture ca marche quand meme
En fait ca prenait juste les parammetres du A precedent defini

merci en otut ca
a+
Nadège

"Shaackal" a écrit dans le message de news:
c0al4a$88p$
Salut,
pour être en accord avec "lda"
c'est plus juste, mais ... ce n'est pas inexacte

A .copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
normal; text-decoration: none }

ne s'appliquera en l'occurence qu'aux balise affectées par la class "copy"
si elles sont filles d'une balise A .
Voilà c'était pour info .

"lda" a écrit dans le message de news:
c0abj3$nj7$
> Tu as fait une légère erreur, je pense dans ton code css :
> ex. : pour définir 2 liens différent dans une page :
>
> area1 a:link {
> color: #FF0000;
> text-decoration: none;
> }
> .area1 a:visited {
> color: #000000;
> text-decoration: none;
> }
> .area1 a:hover {
> color: #0000CC;
> text-decoration: underline;
> }
> .area1 a:active {
> color: #FF0000;
> text-decoration: none;
> }
> .area2 a:link {
> color:#0000C0;
> text-decoration: underline;
> }
> .area2 a:visited {
> color: #FF0000;
> text-decoration: underline;
> }
> .area2 a:hover {
> color: #CCCCCC;
> background-color: #000000;
> text-decoration: none;
> }
> .area2 a:active {
> color: #000000;
> text-decoration: underline;
> }
>
> Voila le code : quand tu appliques ces liens
>
> <p class="area1"><a href="#" >liens</a></p>
> <p class="area2"><a href="#" >liens </a></p>
>
> en fait ton erreur est là :
>
> A.copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
> normal; text-decoration: none }
>
> .copy a:hover { font-family: Helvetica, Arial; font-size: 40px;
> font-weight: normal; text-decoration: none }
>
> serait plus juste
>
> bien à toi
>
> laurent
> http://www.tutodream.fr.st
>
>
>
>
> "Nadège" a écrit dans le message de news:
> c0a9ir$kpq$
> > Bonjour a tous
> > J'ai un probleme surement tout bete avec les CSS mais là je bloque.
> > Alors is quelqu'un a la solution miracle !!
> > J'ai une feuille de style externe reliée a ma page et qui fonctionne


en
> > grande partie
> > Mon pb viens des liens
> > voilà la css
> > A { font-family: Helvetica, Arial; font-size: 13px;
font-weight:
> > bold }
> > A:link { font-family: Helvetica, Arial; font-size: 13px;
font-weight:
> > normal; text-decoration: none }
> > A:visited { font-family: Helvetica, Arial; font-size: 13px;
font-weight:
> > normal; text-decoration: none }
> > A:hover { font-family: Helvetica, Arial; font-size: 13px;
font-weight:
> > normal; text-decoration: underline }
> >
> > A.copy { font-family: Helvetica, Arial; font-size: 40px; font-weight:
> > normal; text-decoration: none }
> >
> > Sur un de mes liens je veux mettre la class copy mais là ca ne
fonctionne
> > pas !!
> > <A class="copy" href="#" >Copy</A>
> >
> > Si quelqu'un avait une vague idée d'ou venait le probleme ca me serait
> d'un
> > grand secours
> > merci
> > Nadège
> >
> >
>
>