How to remove blue lines showing on links when sent as email


I have an html page that i then send as a html email via the foillowing method:

IE8 -> file -> send -> page as email

The page in question shows fine in all browsers

You will notice that the code itself applies text-decoration:none directly to the element, but this must be get6ting overridden someonehow.

However, when opening the email on a mac (using macmail), a blue underline is added to all links. Normally i would ignore this given the small percentage of people affected, however, the client just happens to use the mac combo, so i could really do with fixing the issue.

Please find attached an image showing the lines.

Any suggestions would be greatly appreciated.

LVL 12
Dean OBrienAsked:
Who is Participating?
Kim WalkerConnect With a Mentor Web Programmer/TechnicianCommented:
This is actually a function of, but I can't find any way to turn it off. Gmail has a similar function where it "linkifies" phone numbers, linkifies email addresses whether or not they are already links. The only solution is to replace the human visible part with text such as:
<a href="" style="color:#fff;text-decoration:none;">send us an email</a>

Open in new window

otherwise, will recognize the email address syntax and linkify it.
Kyle HamiltonConnect With a Mentor Data ScientistCommented:
Though, technically not necessary, I would try adding the last semi-colon.

<a href="" style="color:#fff;text-decoration:none;"></a>
Dean OBrienAuthor Commented:
Hi kozaiwaniec

Thanks for suggestions, unfortunately they made no difference.

Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

Kyle HamiltonData ScientistCommented:
you may not be able to do anything about that.

If yo view the raw source of a message (from experts-exchange for example), they do it the same way. the only only other thing is to look at your doctype, and see if making adjustments there makes any difference.

Dean OBrienAuthor Commented:
Thanks kozaiwaniec i will experiment with different doc types.

Xmediaman, if you look at the screen grab, the "cant see this email? click here to view" link at the top also has the blue line. This is not to say its not a function like you said though, but that it applies to all hyperlinks as well :(

May be simply out of my control unfortunately...
Kim WalkerWeb Programmer/TechnicianCommented:
Now I'm curious about what IE8 is doing. Have you looked at the source code of the email to see if the text-decoration attribute is being retained? I send HTML emails with links all the time without this problem. You're doing the same thing I do by assigning an in-line style to the a tag to remove the text-decoration. But I just paste my HTML into a field on a web-site to send them.

After you select send -> page as email, does Outlook launch for you to enter your recipient list? Outlook could be stripping the text-decoration attributes as well.
Dean OBrienAuthor Commented:
Hey xmediaman

Sorry for delayed reply.

When I send page by email, it launches outlook and I choose the recipient. At this stage however it looks fine, no line. If I send to myself or my own webmail it's fine. The problem is only when viewed on mac. So I guess it's a client function running as you mentioned.

I will leave open for 24hrs to see if any further suggestions, then split points after that.

Thanks again for looking.

Dean OBrienAuthor Commented:
Sorry for delay, didnt ever solve this, but thanks for looking.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.