I'm trying to create a HTML document which is to be sent out as a newsletter, but unfortunately it's not showing correctly in Gmail.
For some reason I am getting spacing issues above and below images which are hyperlinked. Like this:
http://i.imgur.com/hesFibq.png
I have tried adding:
style="border-spacing:0;"
to my table as seen elsewhere, as well as the below to all images:
style="display:block;"
Any ideas?
Edit: here's the html as it stands:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>LCTSA</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="701" height="375" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
<tr>
<td colspan="3" rowspan="2">
<img src="http://www.morley.leeds.sch.uk/user/74/183839.png" width="473" height="279" alt="" style="display:block;"></td>
<td>
<a href="mailto:example#co.uk" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183840.png" width="227" height="145" alt=""
style="display:block;"></td></a>
<td>
<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="145" alt="" style="display:block;"></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://www.morley.leeds.sch.uk/user/74/183841.png" width="227" height="179" alt="" style="display:block;"></td>
<td>
<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="134" alt="" style="display:block;"></td>
</tr>
<tr>
<td rowspan="4">
<img src="http://www.morley.leeds.sch.uk/user/74/183842.png" width="29" height="96" alt="" style="display:block;"></td>
<td>
<a href="mailto:example#co.uk" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183843.png" width="176" height="14" alt=""
style="display:block;"></td></a>
<td rowspan="4">
<img src="http://www.morley.leeds.sch.uk/user/74/183844.png" width="268" height="96" alt="" style="display:block;"></td>
<td>
<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="14" alt="" style="display:block;"></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://www.morley.leeds.sch.uk/user/74/183845.png" width="176" height="82" alt="" style="display:block;"></td>
<td>
<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="31" alt="" style="display:block;"></td>
</tr>
<tr>
<td>
<a href="http://www.google.co.uk" target="_blank" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183846.png" width="227" height="24" alt=""
style="display:block;"></td></a>
<td>
<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="24" alt="" style="display:block;"></td>
</tr>
<tr>
<td>
<img src="http://www.morley.leeds.sch.uk/user/74/183847.png" width="227" height="27" alt="" style="display:block;"></td>
<td>
<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="27" alt="" style="display:block;"></td>
</tr>
</table>
</body>
</html>
You need to make the <a> display: block.
Related
I recently made an email signature using photoshop (slicing method), it's working fine on Gmail and even in my server (Roundcube) except for outlook, it's showing a white space between every slice..
how can I fix that please, it's been a week now since I'm trying to fix this..
I need your help...
some people suggested that I need to remove white space between every td
I also tried the display: block;
tried even to make my signature smaller
tried changing the background
and still nothing.
I really need ur help with this..
I attached down below, the HTML code I'm using for my signature.
thanks in advance.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style media="screen" type="text/css">
td {line-height:0; font-size: 0.0em; }
img { display: block; float: left; padding: 0; align: absbottom; align: texttop; }
</style>
</head>
<!-- Paste Code Under This Line
_________________________________________________________________________________ -->
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (signature temlate testing.psd) -->
<table id="Tableau_01" width="701" height="234" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" rowspan="2">
<img src="https://i.postimg.cc/Mp629Dz4/mag-01.png" width="262" height="100" alt="" border="0" style="display:block;"></td>
<td colspan="2" rowspan="2">
<img src="https://i.postimg.cc/g07Ckb3F/mag-02.png" width="243" height="100" alt="" border="0" style="display:block;"></td>
<td colspan="2">
<img src="https://i.postimg.cc/yYKwNP3d/mag-03.png" width="195" height="39" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="39" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="https://i.postimg.cc/Zq0kS5Bx/mag-04.png" width="195" height="80" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="61" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td rowspan="7">
<img src="https://i.postimg.cc/7YNjJ2SN/mag-05.png" width="261" height="133" alt="" border="0" style="display:block;"></td>
<td colspan="3" rowspan="2">
<img src="https://i.postimg.cc/vB6p42v1/mag-06.png" width="244" height="20" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="19" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td>
<img src="https://i.postimg.cc/gjF18yMg/mag-07.png" width="94" height="1" alt="" border="0" style="display:block;"></td>
<td rowspan="4">
<img src="https://i.postimg.cc/zvC6jL68/mag-08.png" width="101" height="52" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td colspan="2">
<img src="https://i.postimg.cc/wxLCHPvZ/mag-09.png" width="241" height="6" alt="" border="0" style="display:block;"></td>
<td colspan="2" rowspan="3">
<img src="https://i.postimg.cc/mg2JYgwW/mag-10.png" width="97" height="51" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="6" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td colspan="2">
<img src="https://i.postimg.cc/x1x7tVxJ/mag-11.png" width="241" height="24" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="24" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="https://i.postimg.cc/VNJhhZp7/mag-12.png" width="241" height="33" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="21" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td>
<img src="https://i.postimg.cc/43j0RbTX/mag-13.png" width="3" height="12" alt="" border="0" style="display:block;"></td>
<td colspan="2" rowspan="2">
<img src="https://i.postimg.cc/C1DQhBFk/mag-14.png" width="195" height="62" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="12" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td colspan="3">
<img src="https://i.postimg.cc/j2bkLx59/mag-15.png" width="244" height="50" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="50" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td>
<img src="spacer.gif" width="261" height="1" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="240" height="1" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="3" height="1" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="94" height="1" alt="" border="0" style="display:block;"></td>
<td>
<img src="spacer.gif" width="101" height="1" alt="" border="0" style="display:block;"></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
<!-- Keep Pasted Code Above This Line!
_________________________________________________________________________________ -->
</html>
I was creating an email signature by joining images using table tags in HTML. It's looking ok in desktop view. But in mobile view whitespaces come around the images. I used display: block style but it's not working.
here is an example HTML code. I will be very grateful for the solution.
<html>
<head>
<title>email_signature</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
img{
display: block;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (EMS_1.psd) -->
<table id="Table_01" width="1000" height="336" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="https://i.postimg.cc/T3tLTqDC/image-01.jpg" width="806" height="182" alt=""></td>
<td>
<img src="https://i.postimg.cc/CKtRqhJ8/image-02.jpg" width="24" height="182" alt=""></td>
<td>
<img src="https://i.postimg.cc/wM5MZhz5/image-03.jpg" width="31" height="182" alt=""></td>
<td>
<img src="https://i.postimg.cc/qM0znZc1/image-04.jpg" width="27" height="182" alt=""></td>
<td>
<img src="https://i.postimg.cc/4yRnWWDN/image-05.jpg" width="29" height="182" alt=""></td>
<td>
<img src="https://i.postimg.cc/zBgVwsPc/image-06.jpg" width="83" height="182" alt=""></td>
</tr>
<tr>
<td>
<img src="https://i.postimg.cc/tg71JZdy/image-07.jpg" width="806" height="32" alt=""></td>
<td>
<img src="https://i.postimg.cc/44pYYTcK/image-08.jpg" width="24" height="32" alt=""></td>
<td>
<img src="https://i.postimg.cc/DygmcdBn/image-09.jpg width="31" height="32" alt=""></td>
<td>
<img src="https://i.postimg.cc/x118pJ4H/image-10.jpg" width="27" height="32" alt=""></td>
<td>
<img src="https://i.postimg.cc/RZpFkSkY/image-11.jpg" width="29" height="32" alt=""></td>
<td>
<img src="https://i.postimg.cc/N0yMBhYj/image-12.jpg" width="83" height="32" alt=""></td>
</tr>
<tr>
<td>
<img src="https://i.postimg.cc/DZLw4qSV/image-13.jpg" width="806" height="122" alt=""></td>
<td>
<img src="https://i.postimg.cc/mr0rrd2N/image-14.jpg" width="24" height="122" alt=""></td>
<td>
<img src="https://i.postimg.cc/GtRhFHD4/image-15.jpg" width="31" height="122" alt=""></td>
<td>
<img src="https://i.postimg.cc/BbCZM45M/image-16.jpg" width="27" height="122" alt=""></td>
<td>
<img src="https://i.postimg.cc/MZ0GWmkV/image-17.jpg" width="29" height="122" alt=""></td>
<td>
<img src="https://i.postimg.cc/rF8wzRcb/image-18.jpg" width="83" height="122" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Mobile View
I'm building a email signature and have trouble on showing in my email in Outlook. Basically my code had not contained any space or something like that but unfortunately it happened with me.
Here how It's supposed to look:
and here how it's turning out on this:
actually i need to remove unwanted space from there but i don't know how
here is my code:
<html>
<head>
<title>saddam</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (saddam.png) -->
<table id="Table_01" width="1000" height="332" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="https://i.postimg.cc/5ypGq46F/saddam-01.gif" width="254" height="149" alt=""></td>
<td>
<img src="https://i.postimg.cc/QxxvNTyg/saddam-02.gif" width="72" height="149" alt=""></td>
<td>
<img src="https://i.postimg.cc/T3BscHYQ/saddam-03.gif" width="86" height="149" alt=""></td>
<td>
<img src="https://i.postimg.cc/9F8KDQ66/saddam-04.gif" width="96" height="149" alt=""></td>
<td>
<img src="https://i.postimg.cc/05CLqfc2/saddam-05.gif" width="86" height="149" alt=""></td>
<td>
<img src="https://i.postimg.cc/t4sfWHyY/saddam-06.gif" width="86" height="149" alt=""></td>
<td>
<img src="https://i.postimg.cc/FzFCKMDF/saddam-07.gif" width="320" height="149" alt=""></td>
</tr>
<tr>
<td>
<img src="https://i.postimg.cc/26DXsbWZ/saddam-08.gif" width="254" height="30" alt=""></td>
<td>
<img src="https://i.postimg.cc/9MYNCmPN/saddam-09.gif" width="72" height="30" alt=""></td>
<td>
<img src="https://i.postimg.cc/tRDmcg4s/saddam-10.gif" width="86" height="30" alt=""></td>
<td>
<img src="https://i.postimg.cc/4y8LHWS6/saddam-11.gif" width="96" height="30" alt=""></td>
<td>
<img src="https://i.postimg.cc/7Y6Qry5m/saddam-12.gif" width="86" height="30" alt=""></td>
<td>
<img src="https://i.postimg.cc/vHN2QS9M/saddam-13.gif" width="86" height="30" alt=""></td>
<td>
<img src="https://i.postimg.cc/CxnPdHH8/saddam-14.gif" width="320" height="30" alt=""></td>
</tr>
<tr>
<td>
<img src="https://i.postimg.cc/g09MhXNT/saddam-15.gif" width="254" height="75" alt=""></td>
<td>
<img src="https://i.postimg.cc/9MCJ833P/saddam-16.gif" width="72" height="75" alt=""></td>
<td>
<img src="https://i.postimg.cc/PqmSQX7r/saddam-17.gif" width="86" height="75" alt=""></td>
<td>
<img src="https://i.postimg.cc/kGhsgB2w/saddam-18.gif" width="96" height="75" alt=""></td>
<td>
<img src="https://i.postimg.cc/50gpDP1h/saddam-19.gif" width="86" height="75" alt=""></td>
<td>
<img src="https://i.postimg.cc/vTmXyWZc/saddam-20.gif" width="86" height="75" alt=""></td>
<td>
<img src="https://i.postimg.cc/Kc9JNs0L/saddam-21.gif" width="320" height="75" alt=""></td>
</tr>
<tr>
<td>
<img src="https://i.postimg.cc/tCYDmtcc/saddam-22.gif" width="254" height="78" alt=""></td>
<td>
<img src="https://i.postimg.cc/DyH5V4kw/saddam-23.gif" width="72" height="78" alt=""></td>
<td>
<img src="https://i.postimg.cc/DwG67fnd/saddam-24.gif" width="86" height="78" alt=""></td>
<td>
<img src="https://i.postimg.cc/25fwyp5p/saddam-25.gif" width="96" height="78" alt=""></td>
<td>
<img src="https://i.postimg.cc/xdyPbskX/saddam-26.gif" width="86" height="78" alt=""></td>
<td>
<img src="https://i.postimg.cc/SsSfLW8D/saddam-27.gif" width="86" height="78" alt=""></td>
<td>
<img src="https://i.postimg.cc/0QVdVb0x/saddam-28.gif" width="320" height="78" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
having an absolute nightmare with my first attempt at creating a HTML Email. I designed this in photoshop and then sliced the document and exported for web. I have played about with the coding to make it work on hotmail, gmail etc which is fine but I can't get it to work on Outlook. What is wrong with my coding that isn't allowing the email to be received nicely everywhere....
Outlook Image
IGS Template Refinish HTML Test
table {border-spacing: 0;}
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_07.gif" width="275" height="50" border="0" alt="" style="display:block;"></a></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="1" height="50" alt="" style="display:block;"></td>
</tr>
<tr>
<td rowspan="6">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_09.gif" width="275" height="487" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="1" height="236" alt="" style="display:block;"></td>
</tr>
<tr>
<td>
<a href="https://www.linkedin.com/company/pg-automotive" target="- Blank">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_10.gif" width="222" height="44" border="0" alt="" style="display:block;"></a></td>
<td colspan="2">
<a href="https://www.facebook.com/PGAutomotiveUK/" target="- Blank">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_11.gif" width="51" height="44" border="0" alt="" style="display:block;"></a></td>
<td>
<a href="https://plus.google.com/106664683502244120701/about" target="- Blank">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_12.gif" width="63" height="44" border="0" alt="" style="display:block;"></a></td>
<td>
<a href="https://www.linkedin.com/company/pg-automotive" target="- Blank">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_10-14.gif" width="83" height="44" border="0" alt="" style="display:block;"></a></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="1" height="44" alt="" style="display:block;"></td>
</tr>
<tr>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_14.gif" width="222" height="65" alt="" style="display:block;"></td>
<td colspan="2">
<a href="https://twitter.com/pgautomotive">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_15.gif" width="51" height="65" border="0" alt="" style="display:block;"></a></td>
<td>
<a href="https://www.pinterest.com/pgautomotive/" target="- Blank">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_16.gif" width="63" height="65" border="0" alt="" style="display:block;"></a></td>
<td>
<a href="https://instagram.com/pgautomotive">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_17.gif" width="83" height="65" border="0" alt="" style="display:block;"></a></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="1" height="65" alt="" style="display:block;"></td>
</tr>
<tr>
<td colspan="5">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_18.gif" width="419" height="85" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="1" height="85" alt="" style="display:block;"></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_19.gif" width="254" height="57" alt="" style="display:block;"></td>
<td colspan="3">
<a href="mailto:lyndsey#pgautomotive.com" >
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_20.gif" width="165" height="11" border="0" alt="" style="display:block;"></a></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="1" height="11" alt="" style="display:block;"></td>
</tr>
<tr>
<td colspan="3">
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/IGS-Template-Refinish-HTML-Test_21.gif" width="165" height="46" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="1" height="46" alt="" style="display:block;"></td>
</tr>
<tr>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="222" height="1" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="32" height="1" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="19" height="1" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="63" height="1" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="83" height="1" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="275" height="1" alt="" style="display:block;"></td>
<td>
<img src="http://www.pgautomotive.com/wp-content/uploads/2016/07/spacer.gif" width="106" height="1" alt="" style="display:block;"></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
I made a webpage with photoshop, sliced it & saved for web. It looks fine in Chrome, Firefox, Opera & Safari, but when you view it in IE 10 it goes all weird... Does anyone know of a fix for this?
IE 10:
http://i.stack.imgur.com/FsiIX.jpg
Chrome, Safari, Firefox, Opera:
http://i.stack.imgur.com/m7dVq.jpg
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Support</title>
<style type="text/css">
div {
height: 400px;
width: 592px;
background: #ffffff;
margin: auto;
}
p {
width: 60%;
margin: auto;
font: 14px/1.5 Helvetica, sans-serif;
}}
.auto-style3 {
border-width: 0px;
}
</style>
</head>
<body style="margin: 0; background-image: url('images/About%20Us%20Background.jpg')">
<div id="position">
<table id="Table_01" width="593" height="763" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/Online-Support_01.gif" width="592" height="89" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="89" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<a href="Index.html">
<img src="images/Online-Support_02.gif" width="88" height="46" alt="" class="auto-style3"></a></td>
<td rowspan="3">
<a href="About%20Us.html">
<img src="images/Online-Support_03.gif" width="80" height="46" alt="" class="auto-style3"></a></td>
<td colspan="2" rowspan="3">
<a href="Online%20Support.html">
<img src="images/Online-Support_04.gif" width="128" height="46" alt="" class="auto-style3"></a></td>
<td rowspan="3">
<a href="Testimonials.html">
<img src="images/Online-Support_05.gif" width="106" height="46" alt="" class="auto-style3"></a></td>
<td rowspan="3">
<a href="Contact%20%20Us.html">
<img src="images/Online-Support_06.gif" width="95" height="46" alt="" class="auto-style3"></a></td>
<td colspan="4">
<img src="images/Online-Support_07.gif" width="95" height="7" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/Online-Support_08.gif" width="18" height="666" alt=""></td>
<td>
<a href="https://www.facebook.com/pages/Always-Connected-Ltd/373671419315390">
<img src="images/Online-Support_09.gif" width="33" height="33" alt="" class="auto-style3"></a></td>
<td>
<a href="https://twitter.com/Always_Connect">
<img src="images/Online-Support_10.gif" width="33" height="33" alt="" class="auto-style3"></a></td>
<td rowspan="7">
<img src="images/Online-Support_11.gif" width="11" height="666" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="6">
<img src="images/Online-Support_12.gif" width="66" height="633" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/Online-Support_13.gif" width="497" height="206" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="206" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Online-Support_14.gif" width="12" height="421" alt=""></td>
<td colspan="3">
<a href="http://www.teamviewer.com/link/?url=505374&id=1585160200">
<img src="images/Online-Support_15.gif" width="200" height="125" alt="" class="auto-style3"></a></td>
<td colspan="3" rowspan="4">
<img src="images/Online-Support_16.gif" width="285" height="421" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="125" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Online-Support_17.gif" width="200" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="http://download.teamviewer.com/download/TeamViewer.dmg">
<img src="images/Online-Support_18.gif" width="200" height="125" alt="" class="auto-style3"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="125" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Online-Support_19.gif" width="200" height="154" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="154" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="76" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="80" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="106" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="95" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
I think you need to set <a> or <img> border none, use this code:
a, img{
border:none;
}
I don't have IE10 for test
you need to add
img {border:0; ouline:0; padding:0; margin:0}