28172 sujets

CSS et mise en forme, CSS3

Text-decoration:none ne fonctionne pas sur Outlook

Bonjour,

J'ai un petit soucis, je suis actuellement en train de monter un Papier à lettre en html (en tableau ouiiii) pour un client qui utilise outlook. Voila mon problème : j'ai deux liens sur lesquels j'applique un text-decoration:none (code ci-dessous). Malheureusement quand j'insère mon papier à lettre sur Outlook, le soulignement apparait quand même.
J'ai tout essayé, mettre un règle dans le head, mettre des !important (ah quand on est au bout ^^), etc ... rien n'y fait.

L'un d'entre vous aurait il déjà rencontré ce problème ?


<table width="60%" align="left" border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="font-size:13px;">
    <tr>
        <td valign="top">
            <img src="http://s3-eu-west-1.amazonaws.com/webgenery-newsletter/adressimmo/01-papier-lettre/img_contact.jpg" width="57" height="57">
        </td>
        <td>
           <span style="font-weight:bold; color:#183b65;">Nom Client</span><br>
           Gérant, Agent Immobilier<br>
           Tél. : 02 54 00 00 00<br>
           Email : <a href="mailto:nomduclient@client.fr" style="color:#183b65; text-decoration:none;">nomduclient@client.fr</a><br>
          <a href="http://www.client.fr" target="_blank" style="font-size:15px; color:#183b65; font-weight:bold; text-decoration:none;">www.adressimmo.fr</a><br>
        </td>
     </tr>
</table>

Modifié par VelvetSmoke (29 Jul 2015 - 11:44)
Modérateur
Salut,

De mémoire je crois que tu peux esquiver le fait que le client mail style les url comme il veut en rajoutant un span en dessous :

<a href="url" style="text-decoration:none;">
    <span style="text-decoration:none;">
        url
    </span>
</a>

idem pour la couleur bleu etc... A tester bien sur, je te sors ça de mémoire et ça date peut être un peu.
Modifié par _laurent (29 Jul 2015 - 16:44)
Arf :s je viens d'essayer et malheureusement cela ne fonctionne pas ...
Ce qui est étonnant, c'est que j'ai un autre papier à lettre, sur lequel ce phénomène ne se produit pas, voici le code de celui ou ça fonctionne : 


<table cellpadding="0" cellspacing="0">
  <tr>
    <td width="38">Email</td>
    <td width="260"> : <a href="mailto:service.webdesign@webgenery.com" style="color:#0099cc; text-decoration:none">service.webdesign@webgenery.com</a></td>
  </tr>
</table>
Sujet clos
Aller à