Remove anchor underline email signature

html email gmail signature hotmail
Filth picture Filth · Apr 3, 2012 · Viewed 7.5k times · Source

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? :-)

Answer

This One Guy picture This One Guy · Nov 1, 2012

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.

Related questions

Base64 images to gmail

I'm generating some inline images for an email sent from the iPad. Looks great in all desktop email clients, but gmail doesn't seem to like the base64 image and it shows up as text. Anyone have any luck embedding images …

Read More
Gmail displaying gaps between images

Building an overly fancy HTML mail for a client. Code validates at http://validator.w3.org as XHTML 1.0 Transitional by direct input. Thing is Gmail displays gaps between each of the images. Each image and its anchor have inline styles …

Read More
mailto links in Gmail

I've encountered a problem with Gmail's web application. For some reason, the mailto links doesn't work when I try to add the body into the link. The links works fine as long as the & separator for the body is …

Read More