Couleur des liens dans une signature

Fermé
Stick - 28 sept. 2015 à 16:12
 Stick - 28 sept. 2015 à 17:15
Bonjour,

Je bute sur un problème tout bête dans une signature de mails sous Thunderbird.
Malgré mon code, impossible d'avoir les liens de la couleur souhaitée. Ils restent désespérément bleus (tout le reste fonctionne).

Quelqu'un a une idée pour résoudre ce souci svp ?

Au passage, mon code est-il correct pour une signature ?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<table cellspacing="0" cellpadding="0" border="0" width="300" bgcolor="#FFFFFF">
<tr align="left">
<td width="5"> </td>
<td width="110"><img src="test.png" alt="" width="110" height="66" style="border:none;" border="0"></td>
<td width="5"> </td>
<td width="180" valign="middle"><font color="#492D70" style="font-size:13px; font-family:Arial,sans-serif; color:#492D70;"><b>Prénom Nom</b></font><br>
<font color="#8C6BA7" style="font-size:11px; font-family:Arial,sans-serif; color:#8C6BA7;">06 67 10 29 77</font><br>
<font color="#8C6BA7" style="font-size:11px; font-family:Arial,sans-serif; color:#8C6BA7;"><a href="mailto:#" title="Envoyer un mail" style="font-size:11px; font-family:Arial,sans-serif; color:#8C6BA7;">***@***</a></font><br>
<font color="#8C6BA7" style="font-size:11px; font-family:Arial,sans-serif; color:#8C6BA7;"><a href="#" title="Voir mon site" style="font-size:11px; font-family:Arial,sans-serif; color:#8C6BA7;">www.test.fr</a></font></td>
</tr>
</table>
</body>
</html>
A voir également:

1 réponse

Salut,
de nombreuses erreurs:
1)
euh <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Donc la règle stricte qui n'est appliquée nulle part dans votre document(on supprime tout les attributs de balise de mise en page HTML pour les remplacer par CSS), pareil pour la mise en page en tableau même si ici cela n'a rien d'important(sauf que le contenu n'est pas lisible).

Le doctype à utiliser est celui ci(html5):
<!DOCTYPE html> à oublier donc strict et transitionnal(même si le principe de supprimer les attributs en HTML pour les utiliser en CSS) reste).

2)
l'attribut style c'est peu élégant et (surtout) pas pratique.
Utilisez les class(et id) css dans le head comme ceci:
<head>
<style type="text/css" rel="stylesheet">
.maclasse{
<!--propriétés ici-->
font-size:11px;
}
</style>
</head>
et sur la balise qui utilise la classe

<a href="#" class="maclasse">Lien</a>
C'est déjà beaucoup de clarté et adaptabilité de gagné!

Ensuite vous devez changer le comportement par défaut de la balise a(qui écrit un lien en bleu et souligné) en changeant la couleur et en utilisant:

text-decoration:none; dans la classe

Vous pouvez/devez aussi définir les pseudo-éléments hover: , visited:

Référez vous à votre cours/tuto de css que visiblement vous n'avez pas lu jusqu'au bout ou allez en chercher un qui vous donnera les bases.
0
Bonjour Ramza,

Je comprends tout à fait votre réaction !

Comme il s'agit du code pour des e-mails et non un site, j'ai supposé (peut-être à tort !) qu'une signature de mails avait les mêmes contraintes qu'une newsletter.

Sur cette base, j'ai préféré oublier HTML5, les feuilles de style, etc. Et à la place, pour être sûr que ce serait bien interprété : tableau, style en ligne, redondances dans le code, etc.
Pour le head notamment, je n'ai rien mis car Gmail ignore purement et simplement tout ce qui s'y trouve par exemple.
Que les liens soient soulignés c'est normal. Par contre, j'ai dû passer à côté de quelque chose en ce qui concerne la couleur non prise en compte...

Peut-être que ma supposition "signature de mails = newsletter" n'était pas bonne ? Dans ce cas, quel doctype utiliser pour des mails ?
0