Hi all,
Could someone help here. I have a html table down by the social icons and can't seem to get the web address to tuck under the social icons. It's probably a simple fix. Thanks in advance!
Below is the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
<body style="padding:0; margin:0;">
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><a href="http://www.synergysettlements.com"><img src="http://bentonstudios.com/synergy/images/SAM_header.jpg" width="600" height="117" style="display:block; border:0" ></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" width="600"><img src="http://bentonstudios.com/synergy/images/header_top_line.gif" width="600" height="31" style="display:block; border:0" ></td>
</tr>
</table>
<tr>
<td><table width="" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign="top" align="left" width="390" style="font-family: 'Times New Roman', Times, serif;color: #0067b1;font-size:25px; line-height:29px; padding-left:16px; padding-right:17px; padding-right:17px;">The Benefits of Attorney Fee <br> Deferral Programs<BR>
<span style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height:29px; color:#444444; padding-top:12px; display:inline-block"> Due to the contingent nature of compensation as a plaintiff lawyer, unique retirement planning options exist especially for you. Below we compare and contrast traditional small business retirement plans with some of the unique tax deferred planning options available when collecting a contingent fee. <br>
<a href="http://www.synergysettlements.com/blog/15229/">READ MORE</a></span>
<td align="left" style="display:block; border:0"> <a href="https://www.youtube.com/watch?v=w8NxBVgL6ts&feature=player_embedded"> <img src="http://bentonstudios.com/synergy/images/deferred_you_tube.jpg" width="162" height="286"></td>
</tr>
</table>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" width="600"><img src="http://bentonstudios.com/synergy/images/client_special_needs_07.jpg" width="600" height="16" style="display:block; border:0" ></td>
</tr>
</table>
<tr>
<td><table width="325" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" width="56"><a href="https://www.facebook.com/SynergySettlementServices"><img src="http://bentonstudios.com/synergy/images/fb2.jpg" width="125" height="56" style="display:block; border:0" ></td>
<td valign="top" align="left" width="56"><a href="https://twitter.com/synergysettle"><img src="http://bentonstudios.com/synergy/images/twit2.jpg" width="43" height="56" style="display:block; border:0" ></td>
<td valign="top" align="left" width="56"><a href="http://www.linkedin.com/in/jasondlazarus"><img src="http://bentonstudios.com/synergy/images/in2.jpg" width="46" height="56" style="display:block; border:0" ></td>
<td valign="top" align="left" width="56"><a href="https://www.youtube.com/watch?v=1vWjuTgF0g8"><img src="http://bentonstudios.com/synergy/images/youtube.jpg" width="111" height="56" style="display:block; border:0" > </td>
<td align="right" style="display:block; border:0"> <img src="http://bentonstudios.com/synergy/images/services.jpg" width="275" height="93"></td>
</tr>
</table>
<tr>
<td><table width="325" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" width="325"><a href="http://www.synergysettlements.com"><img src="http://bentonstudios.com/synergy/images/www.jpg" width="325" height="37" style="display:block; border:0" ></td>
</tr>
</table>
<tr>
<td><table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" width="600"><img src="http://bentonstudios.com/synergy/images/bottom.jpg" width="600" height="65" style="display:block; border:0" ></td>
</tr>
</table>
</br>
</body>
</html>
Remy answers:
It's pushed down by your services.jpg image, since it's on a new line of the table, try this :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
<body style="padding:0; margin:0;">
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><a href="http://www.synergysettlements.com"><img src="http://bentonstudios.com/synergy/images/SAM_header.jpg" width="600" height="117" style="display:block; border:0" ></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" width="600"><img src="http://bentonstudios.com/synergy/images/header_top_line.gif" width="600" height="31" style="display:block; border:0" ></td>
</tr>
</table>
<tr>
<td><table width="" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign="top" align="left" width="390" style="font-family: 'Times New Roman', Times, serif;color: #0067b1;font-size:25px; line-height:29px; padding-left:16px; padding-right:17px; padding-right:17px;">The Benefits of Attorney Fee <br> Deferral Programs<BR>
<span style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height:29px; color:#444444; padding-top:12px; display:inline-block"> Due to the contingent nature of compensation as a plaintiff lawyer, unique retirement planning options exist especially for you. Below we compare and contrast traditional small business retirement plans with some of the unique tax deferred planning options available when collecting a contingent fee. <br>
<a href="http://www.synergysettlements.com/blog/15229/">READ MORE</a></span>
<td align="left" style="display:block; border:0"> <a href="https://www.youtube.com/watch?v=w8NxBVgL6ts&feature=player_embedded"> <img src="http://bentonstudios.com/synergy/images/deferred_you_tube.jpg" width="162" height="286"></td>
</tr>
</table>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" width="600"><img src="http://bentonstudios.com/synergy/images/client_special_needs_07.jpg" width="600" height="16" style="display:block; border:0" ></td>
</tr>
</table>
<tr>
<td><table width="325" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table>
<tr>
<td valign="top" align="left" width="56"><a href="https://www.facebook.com/SynergySettlementServices"><img src="http://bentonstudios.com/synergy/images/fb2.jpg" width="125" height="56" style="display:block; border:0" ></td>
<td valign="top" align="left" width="56"><a href="https://twitter.com/synergysettle"><img src="http://bentonstudios.com/synergy/images/twit2.jpg" width="43" height="56" style="display:block; border:0" ></td>
<td valign="top" align="left" width="56"><a href="http://www.linkedin.com/in/jasondlazarus"><img src="http://bentonstudios.com/synergy/images/in2.jpg" width="46" height="56" style="display:block; border:0" ></td>
<td valign="top" align="left" width="56"><a href="https://www.youtube.com/watch?v=1vWjuTgF0g8"><img src="http://bentonstudios.com/synergy/images/youtube.jpg" width="111" height="56" style="display:block; border:0" > </td>
</tr>
<tr>
<td valign="top" colspan="4" align="left" width="325"><a href="http://www.synergysettlements.com"><img src="http://bentonstudios.com/synergy/images/www.jpg" width="325" height="37" style="display:block; border:0" ></td>
</tr>
</table>
<td style="display:block; border:0"> <img src="http://bentonstudios.com/synergy/images/services.jpg" width="275" height="93"></td>
</tr>
</table>
<tr>
<td>
<tr>
<td><table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" width="600"><img src="http://bentonstudios.com/synergy/images/bottom.jpg" width="600" height="65" style="display:block; border:0" ></td>
</tr>
</table>
</br>
</body>
</html>
Steve Benton comments:
Hi Remy,
That seemed to work but the margins are off center. Can you take a look :)