Discussion :

[omageus]

Bonjour à tous,

Je rencontre un problème de mise en forme pour des éléments d'une newsletter.
Vous comprendrez pourquoi le style doit être appliqué dans le HTML via style="".

Mon but est d'attribuer des pseudo-classes (par exemple :active à un lien) via le html.

Un article du w3c est consacré à cela :
http://www.w3.org/TR/2000/WD-css-style-attr-20001025

Leur exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<a style="{color: #900}
          :link {background: #ff0}
          :visited {background: #fff}
          :hover {outline: thin red solid}
          :active {background: #00f}">...</a>

Ne fonctionne pas du tout.

Quelle est la marche à suivre s'il vous plaît?

[aL1ba]

<a style="{color: #900}
:link {background: #ff0}
:visited {background: #fff}
:hover {outline: thin red solid}
:active {background: #00f}">...</a>

Ça ne fonctionne pas, parce que la syntaxe de l'exemple donné est pour:

Setting properties on a source anchor for each of its dynamic states, using pseudo-classes:

Par exemple. tu peux essayer avec de variante de ceci: (code XHTML):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="plainlink cbold" href="portfolio-salon/portfolio-salon.html">"Portfolio"</a>

ou plainlink et cbold sont du CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.plainlink { font-weight: bold; text-decoration: none; color: blue;}
 
.cbold {font-weight: bold}

Avec un tel mix, ça devrait te permettre d'utiliser le XHTML tout en gardant la flexibilité du CSS.

[omageus]

Merci de ta réponse, mais je ne voie pas en quoi le code que tu m'a donné me permet de partir sur la piste cherchée. A savoir : insérer des pseudo-elements dans du html via la balise style=""

A moins que je ne me trompe

(pour une newsletter, le css se fait dans le html)

[Macmillenium]

mais je ne voie pas en quoi le code que tu m'a donné me permet de partir sur la piste cherchée. A savoir : insérer des pseudo-elements dans du html via la balise style=""

Ce n'est pas possible.
L'attribut STYLE ne peut contenir que des propriétés CSS, pas de sélecteurs ni de pseudo-classes/éléments.

[omageus]

Aucun moyen donc pour changer les liens au focus etc dans une newsletter donc?

Merci de vos réponses

Ça sent le résolu sur un échec

[Macmillenium]

Je te laisse vérifier http://www.campaignmonitor.com/css/