Hi,
I’m having problem resolving an issue with an unwanted line return before a hyperlink.
Ironically, it’s the “is this email not displaying correctly?” line in an HTML email newsletter.
It displays fine in Chrome and Firefox (all on one line), but IE behaves differently – the ‘View it in your browser’ link appears on a new line below.
There’s plenty of space in the TD for it to all fit.
My HTML is:
[CODE]<table border=”0″ cellpadding=”0″ cellspacing=”0″ height=”100%” width=”100%”><tr><td valign=”top” align=”center”>
<table cellpadding=”0″ cellspacing=”0″ width=”600″>
<tr><td bgcolor=”#E0E0E0″ height=”5″ style=”padding: 0px; margin:0;” valign=”top” align=”center” class=”smallprint”>Is this email not displaying correctly? <a href=”website” target=”Online”>View it in your browser</a>.</td></tr>
And the relevant CSS for the page is:
[CODE]#outlook a{padding:0;}
body {width:100% !important; font-size:12pt; color:#000000; -webkit-text-size-adjust:none; margin:0; padding:0; line-height:normal; font-family: Trebuchet MS,sans-serif; }
td a{width: 100%;}
.smallprint, .smallprint a {color:#575C60; font-family: ‘Times New Roman’,Times,serif; font-size: 10pt; line-height: 1.6em; text-decoration: none;}
.smallprint a:hover {color: #1D1D1D;}
Any ideas why this is happening? I’ve tried playing around with the CSS ‘display’ tag but nothing seems to work… Any help appreciated!