CODEWITHSUNDEEP
outlookgmailhrefhtml-emailtext-decorations
Twistar
Twistar

Reputation: 782

HTML Emails, text-decoration on links

I am making a html mail template and I cant figure out how to remove text-decoration completely. I works very well in Thunderbird, but not in Outlook and Gmail. In Outlook, the visited links get a different color and i Gmail all the links become blue. I want the to be black all the time.

Here is my code:

<span style="font-weight: bold; font-size: 16px; text-align: left;">
    <a style="text-decoration: none; color: black;" href="[% doc.url %]">
        This is a link
    </a>
</span>

I also have a problem in Gmail, with a transaprent 1x1px spacer image ("spacer.gif") which shows with ca. 5px in height.

I have based my layout on tables, but I don't know if it is relevant information.

Upvotes: 0

Views: 4409

Answers (2)

John
John

Reputation: 12193

In answer to your comment, style the href like this:

<a href="" style="color:#000001; text-decoration:none;">click here</a>

Gmail doesn't like pure black (#000000) or white (#FFFFFF) codes for some reason.

Upvotes: 2

Belyash
Belyash

Reputation: 792

Don't use html-reserved words, for black color use #000000 (and not #000). For spacer image add display:block;.

I have based my layout on tables

that's right.

Upvotes: 0

Related Questions