Nouvelle balises CSS

Je te remerci de ta réponse mais j’avais déjà la même chose en place sur un lien ( #TITRE ) mais lorsque je passe dessus, le texte reste en orange et devient juste souligné d’un trait noir…

Copier / Coller du fichier css

.article {
color : #ff9900;
}

.article:hover {
color : #000000;
font-weight : bold;
text-decoration: underline;
}

.article:visited {
color : #ff9900
}

----- Original Message -----
From: Yvan GAPIN
To: Vincent Schweitzer
Sent: Monday, February 25, 2002 5:03 PM
Subject: RE: [Spip] Nouvelle balises CSS

Bonjour,

Pour les css. Tu dois utiliser des « class ».

Dans ton lien, tu mets lien

dans ton fichier feuille de style :tu fais une class du style

.lien_article { COLOR: #cc0000; font-family: Courrier New CE, Arial, Helvetica, sans-serif; font-size: 8pt;font-weight:bold; TEXT-DECORATION: none}
.lien_article:hover { COLOR: #ff0000; TEXT-DECORATION: none }
.lien_article:visited { COLOR: #ff0000; TEXT-DECORATION: none }

Et ainsi de suite pour tes autres parties. Tu peux faire autant de class que tu veux. :wink:

-----Message d’origine-----
De : Vincent Schweitzer [mailto:v.schweitzer@noos.fr]
Envoyé : lundi 25 février 2002 16:51
À : spip@rezo.net
Objet : [Spip] Nouvelle balises CSS

J’aurais aimé poussé la personnalisation de mon site un peu plus loin et différencier par la couleur les liens sur des articles, brêves ou rubrique. Le problème c’est que je ne sais pas comment. Si je fait #TITRE, le titre sera en noir à l’affichage mais aussi lorsqu’on passe dessus, la fonction a:hover des css ne marche pas. Est ce que quelqu’un aurait une idée ou aurait déjà réaliser cela sur son site?

Merci de vos idées.

Salut,

On Mon, 25 Feb 2002, Vincent Schweitzer wrote:

Je te remerci de ta réponse mais j'avais déjà la même chose en place
sur un lien ( <a href="#URL_ARTICLE" ><font
class="article">#TITRE</font></a> ) mais lorsque je passe dessus, le
texte reste en orange et devient juste souligné d'un trait noir...

[...]

Le problème de toute façon n'a rien à voir avec spip, du moment que tu as
bien vérifié que ton code se trouvait sur la page html affichée. Il y a
probablement une autre erreur (as tu vérifié si 'article' n'était pas une
classe redéfinie par une css de spip que tu aurais laissé, par exemple ?)

Les navigateurs implémentent plus ou moins bien les CSS, et donc tu peux
avoir des surprises de ce coté là aussi.

  Yannick

Je te conseille d'appliquer la classe non pas à la balise <font> mais à la
balise <a>:

<a href="#URL_ARTICLE" class="article>#TITRE</a>

Le problème provient à mon avis de l'imbrication des styles css, et ici elle
est inutile puisque ta balise <font> ne sert qu'à appeler la classe.

Effectivement, le problème ne vient pas de spip: j'ai un système analogue
mis en place sur mon site (http://www.atelier-ecriture.com/hors_sujet/) et
ça fonctionne sans problème

Valérie.

----- Original Message -----
From: "Yannick Patois" <patois@calvix.org>
To: "Vincent Schweitzer" <v.schweitzer@noos.fr>
Cc: "Yvan GAPIN" <yvan.gapin@123multimedia.com>; <spip@rezo.net>
Sent: Monday, February 25, 2002 5:44 PM
Subject: Re: [Spip] Nouvelle balises CSS

Salut,

On Mon, 25 Feb 2002, Vincent Schweitzer wrote:

> Je te remerci de ta réponse mais j'avais déjà la même chose en place
> sur un lien ( <a href="#URL_ARTICLE" ><font
> class="article">#TITRE</font></a> ) mais lorsque je passe dessus, le
> texte reste en orange et devient juste souligné d'un trait noir...
[...]

Le problème de toute façon n'a rien à voir avec spip, du moment que tu as
bien vérifié que ton code se trouvait sur la page html affichée. Il y a
probablement une autre erreur (as tu vérifié si 'article' n'était pas une
classe redéfinie par une css de spip que tu aurais laissé, par exemple ?)

Les navigateurs implémentent plus ou moins bien les CSS, et donc tu peux
avoir des surprises de ce coté là aussi.

Yannick

_______________________________________________
spip mailing list
spip@rezo.net
http://listes.rezo.net/mailman/listinfo/spip

essaie
<a href="#URL_ARTICLE" class="article">#TITRE</a>

__________________________________
At 17:23 25/02/2002 +0100, Vincent Schweitzer wrote:

Je te remerci de ta réponse mais j'avais déjà la même chose en place sur un lien ( <a href="#URL_ARTICLE" ><font class="article">#TITRE</font></a> ) mais lorsque je passe dessus, le texte reste en orange et devient juste souligné d'un trait noir...

Copier / Coller du fichier css

.article {
color : #ff9900;
}

.article:hover {
color : #000000;
font-weight : bold;
text-decoration: underline;
}

.article:visited {
color : #ff9900
}
----- Original Message -----
From: <mailto:yvan.gapin@123multimedia.com>Yvan GAPIN
To: <mailto:v.schweitzer@noos.fr>Vincent Schweitzer
Sent: Monday, February 25, 2002 5:03 PM
Subject: RE: [Spip] Nouvelle balises CSS

Bonjour,

Pour les css. Tu dois utiliser des "class".

Dans ton lien, tu mets <font class="lien_article">lien</font>

dans ton fichier feuille de style :tu fais une class du style

.lien_article { COLOR: #cc0000; font-family: Courrier New CE, Arial, Helvetica, sans-serif; font-size: 8pt;font-weight:bold; TEXT-DECORATION: none}
.lien_article:hover { COLOR: #ff0000; TEXT-DECORATION: none }
.lien_article:visited { COLOR: #ff0000; TEXT-DECORATION: none }

Et ainsi de suite pour tes autres parties. Tu peux faire autant de class que tu veux. :wink:

-----Message d'origine-----
De : Vincent Schweitzer [mailto:v.schweitzer@noos.fr]
Envoyé : lundi 25 février 2002 16:51
À : spip@rezo.net
Objet : [Spip] Nouvelle balises CSS

J'aurais aimé poussé la personnalisation de mon site un peu plus loin et différencier par la couleur les liens sur des articles, brêves ou rubrique. Le problème c'est que je ne sais pas comment. Si je fait <font color="#000000">#TITRE</font>, le titre sera en noir à l'affichage mais aussi lorsqu'on passe dessus, la fonction a:hover des css ne marche pas. Est ce que quelqu'un aurait une idée ou aurait déjà réaliser cela sur son site?

Merci de vos idées.

--
Le problème vient de ta definition de la classe 'visited'.
En réalité si tu veux que ton hover marche tout le temps (ie. même quand
le lien est déjà visité, ce qui doit être le cas lors de tes tests) il
faut enlever le 'visited'. La définition de 'visited' ecrase en fait
celle de hover (en tout cas sur IE et mozilla).

J'utilise simplement:

.articleLink { color: #333333; text-decoration: none}
.articleLink:hover{ color: #0055BB; text-decoration: none}

avec la classe sur la balise <A> du lien, et ça marche très bien.

Pour ce genre de problème le plus simple est de repérer une page
utilisant cet effet (ex lemonde.fr dans ce cas) et d'aller voir dans
leurs fichiers CSS la méthode utilisée.

a+

Pierre

Je te remerci de ta réponse mais j'avais déjà la même chose en place sur un lien ( <a href="#URL_ARTICLE" ><font class="article">#TITRE</font></a> ) mais lorsque je passe dessus, le texte reste en orange et devient juste souligné d'un trait noir...

Copier / Coller du fichier css

.article {
color : #ff9900;
}

.article:hover {
color : #000000;
font-weight : bold;
text-decoration: underline;
}

.article:visited {
color : #ff9900
}
  ----