CODEWITHSUNDEEP
htmlemailgmailsignaturehotmail
Filth
Filth

Reputation: 3228

Remove anchor underline email signature

I am developing custom email signatures for a client of mine, I am now at testing stage for GMail, Hotmail, Brinkster and so on.

I'm having a hard time trying to remove the underline the anchor is displaying, I do have " text-decoration: none;" on the anchor itself and nothing is working for either client however, Outlook renders fine.

Can anyone help? :-)

Upvotes: 6

Views: 8202

Answers (3)

This One Guy
This One Guy

Reputation: 71

I think your issue may be that certain clients move anchor styles and text into a span and apply the style definitions to that instead.

<a href="/" style="color:black;">hello, world!</a>

becomes

<a href="/"><span style="color:black;">hello, world!</span></a>

Not 100% sure why they do this, but it's annoying. Sometimes changing to something like this works:

<a href="/" style="color:black;" href="/"><span style="color:black;">hello, world!</span></a>

But it's still a mixed bag and changing all the time. Unfortunately the only way to confirm that things always look right is to use an image.

Upvotes: 7

E. Barnes
E. Barnes

Reputation: 179

You could also try adding !important to the style:

text-decoration: none !important;

Upvotes: 2

David Carlisle
David Carlisle

Reputation: 5652

 <a href="example.com" style="text-decoration:none">link text</a>

won't have an underline unless there is a higher priority css rule somewhere else.

Upvotes: 1

Related Questions