12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Need Some Quick HTML Techie Help!

by Nightengale
10 replies
Hi Warriors!

I've spent a LOT of time getting my e-zine template just right and am now happy with it. As I mentioned in an earlier post tonight, I've been away from my IM activities for a while but am now coming back to it and just noticed a small problem with my e-mail template:

The last section of my e-zine is "About Michelle Nightengale" and I noticed that the thin black border to the right of that is missing completely! Grrrr!

I think it disappeared when I added my photo to the "About Michelle Nightengale" section. But I have NO idea how to add it back. It's 12:30 AM here right now and I've been trying to fix it but only managed to make the problem worse. I just don't have the patience to mess with it any more tonight.

Would someone here be willing to take a look at it and see what I've done wrong? I'd GREATLY appareciate it! (I just feel like crying right now because I can't see what the problem is or how to fix it.)

I use AWeber, so if you use AWeber, just copy/paste the code below into a new broadcast message to test it.

Thank you in advance!

Michelle

E-zine code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mailer 15</title>
<meta http-equiv="Content-Type" content="text/html; charset=
UTF-8" />
<style type="text/css">
#aweber_rem {
text-align:center;
font-size:10px;
color:#333;
width:600px !important;
margin:0px auto;
font-family:Verdana, Arial, Helvetica, san-serif;
}
#aweber_rem a {
text-decoration:none;
}
#aweber_rem a:hover {
text-decoration:underline;
}</style>
<meta content="WPDEJUAVOG" name="SKYPE_FRAMEID" />
<meta content="WPDEJUAVOG" name="SKYPE_FRAMEID" />
<meta content="WPDEJUAVOG" name="SKYPE_FRAMEID" />
<meta id="skype_v3_tb_marker_id" content="metacontent" name="SKYPE_PARSING_HAS_FINISHED" />
</head>
<body>
<center>
<table style="font-family: Verdana, Times New Roman, serif; text-align: left; border: #000000 1px solid" cellspacing="0" cellpadding="0" width="600" border="0">
<tbody>
<tr>
<td style="font-weight: bold; font-size: 32px; color: #055406; border-bottom: #054406 3px solid; font-family: Georgia, Times New Roman, Times, serif; padding: 15px" valign="bottom" width="400" bgcolor="#e4d7b9">Virtual Success Tips </td>
<td style="padding-right: 15px; font-weight: bold; font-size: 12px; color: #055406; border-bottom: #054406 3px solid; text-align: center" width="200" bgcolor="#e4d7b9">Attract More Clients and Boost Business Online!™</td></tr>
<tr>
<td style="font-size: 12px; padding: 15px" width="400" bgcolor="#ffffff"><br />
<br /><span style="font-size: 18px">In This Issue:</span> <br />
<br /><span style="font-size: 18px">-- Teleseminars &amp; Events </span><br />
<br /><span style="font-size: 18px">-- Feature Article </span><br />
<br /><span style="font-size: 18px">-- Recommended Resources </span><br />
<br /><span style="font-size: 18px">-- Joke of the Week </span><br />
<br />Note: You're receiving this newsletter because you subscribed to it at <a href="http://www.boostbusinessonline.com"><strong><font color="#055406">| Free Marketing Tips to Boost Your Business Online </font></strong></a>. This newsletter is published every Tuesday. If you wish to unsubscribe, please use the &quot;Unsubscribe&quot; link at the bottom of this newsletter.<br />
<br />If you're reading a pass-along copy of this e-zine and would like to receive these tips every week, you can subscribe at <a href="http://www.boostbusinessonline.com"><strong><font color="#055406">| Free Marketing Tips to Boost Your Business Online </font></strong></a><br />
<br />Please forward or recommend this e-zine to anyone you know who would like to attract more clients and boost their business by leveraging the power of e-mail and the Internet. (Or if they'd just enjoy the &quot;Joke of the Week&quot; section included in every issue!)<br />
<br /><strong>Web Site:</strong> <a href="http://www.boostbusinessonline.com"><strong><font color="#055406">| Free Marketing Tips to Boost Your Business Online </font></strong></a><br />
<br /><strong>Blog:</strong> <a href="http://www.boostbusinessonline.com/blog/"><strong><font color="#055406">Blog | Free Marketing Tips to Boost Your Business Online </font></strong></a><br />
<br /><strong>E-mail Address:</strong> <a href="mailto:director@boostbusinessonline.com"><st rong><font color="#055406">Director@BoostBusinessOnline.com</font></strong></a><br />
<div></div></td>
<td style="font-size: 12px; padding-top: 15px" valign="top" width="200" bgcolor="#ffffff"><br />
<center><img alt="" hspace="15" src="http://www.boostbusinessonline.com/old2/images/photo.jpg" /> <br />
Michelle Nightengale</center></td></tr>
<tr>
<td style="border-right: #054406 1px solid; border-top: #054406 1px solid; font-weight: bold; font-size: 18px; color: #054406; border-bottom: #054406 3px solid; padding: 5px 20px" bgcolor="#e4d7b9">Teleseminars &amp; Events </td>
<td>&nbsp;&nbsp;</td></tr>
<div style="font-size: 1px; line-height: 0px; position: absolute"></div>
<tr>
<td style="font-size: 12px; padding: 15px" width="100%" bgcolor="#ffffff" colspan="2"><br />
<br /><span style="font-size: 18px">Welcome to our online community!</span><br />
<br />You can expect to receive our newsletter the first and third Friday of every month.<br />
<br />Until then feel free to get started by browsing some of the links below.<br />
<br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
<br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br />
<div></div></td></tr>
<tr>
<td style="border-right: #054406 1px solid; border-top: #054406 1px solid; font-weight: bold; font-size: 18px; color: #054406; border-bottom: #054406 3px solid; padding: 5px 20px" bgcolor="#e4d7b9">Feature Article </td>
<td>&nbsp;&nbsp;</td></tr>
<tr>
<td style="font-size: 12px; padding: 15px" width="100%" bgcolor="#ffffff" colspan="2"><br />
<br /><span style="font-size: 18px">Welcome to our online community!</span><br />
<br />You can expect to receive our newsletter the first and third Friday of every month.<br />
<br />Until then feel free to get started by browsing some of the links below.<br />
<br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
<br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br />
<div></div></td></tr>
<tr>
<td style="border-right: #054406 1px solid; border-top: #054406 1px solid; font-weight: bold; font-size: 18px; color: #054406; border-bottom: #054406 3px solid; padding: 5px 20px" bgcolor="#e4d7b9">Recommended Resources </td>
<td>&nbsp;&nbsp;</td></tr>
<div style="font-size: 1px; line-height: 0px; position: absolute"></div>
<tr>
<td style="font-size: 12px; padding: 15px" width="100%" bgcolor="#ffffff" colspan="2"><br />
<br /><span style="font-size: 18px">Welcome to our online community!</span><br />
<br />You can expect to receive our newsletter the first and third Friday of every month.<br />
<br />Until then feel free to get started by browsing some of the links below.<br />
<br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
<br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br />
<div></div></td></tr>
<tr>
<td style="border-right: #054406 1px solid; border-top: #054406 1px solid; font-weight: bold; font-size: 18px; color: #054406; border-bottom: #054406 3px solid; padding: 5px 20px" bgcolor="#e4d7b9">Joke of the Week </td>
<td>&nbsp;&nbsp;</td></tr>
<div style="font-size: 1px; line-height: 0px; position: absolute"></div>
<tr>
<td style="font-size: 12px; padding: 15px" width="100%" bgcolor="#ffffff" colspan="2"><br />
<br /><span style="font-size: 18px">Welcome to our online community!</span><br />
<br />You can expect to receive our newsletter the first and third Friday of every month.<br />
<br />Until then feel free to get started by browsing some of the links below.<br />
<br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
<br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br />
<div></div></td></tr>
<tr>
<td style="border-right: #054406 1px solid; border-top: #054406 1px solid; font-weight: bold; font-size: 18px; color: #054406; border-bottom: #054406 3px solid; padding: 5px 20px" bgcolor="#e4d7b9">About Michelle Nightengale</td></tr>
<tr>
<td style="font-size: 12px; padding: 15px"><br />
As founder and Executive Director of the eCommunications Institute and <a href="http://www.boostbusinessonline.com"><strong><font color="#055406">BoostBusinessOnline.com </font></strong></a>, Michelle Nightengale helps service professionals, solo entrepreneurs and small business owners leverage the power of e-mail and the Internet to attract more clients and grow their businesses.<br />
<br />If you liked this issue of <em><strong>Virtual Success Tips</strong></em><strong></strong> you'll love Michelle's marketing and success training products to help you leverage the power of online communication to market and grow your business.<br />
</td>
<td style="font-size: 12px; padding-top: 15px" valign="top" width="200" bgcolor="#ffffff"><br />
<center><img alt="" hspace="15" src="http://www.boostbusinessonline.com/old2/images/photo.jpg" /> <br />
Michelle Nightengale</center></td></tr>
<div style="font-size: 1px; line-height: 0px; position: absolute"></div>
<tr>
<td style="font-size: 12px; padding: 15px" valign="top" width="100%" bgcolor="#ffffff" colspan="2">Michelle believes that your dreams and the lifestyle you want can be achieved through entrepreneurship and the power of online communication.<br />
<br />You can learn more about Michelle and her products and programs at <a href="http://www.boostbusinessonline.com"><strong><font color="#055406">| Free Marketing Tips to Boost Your Business Online </font></strong></a>.<br />
</td></tr>
<tr>
<td style="border-top: #054406 3px solid; font-weight: bold; font-size: 12px; color: #055406; padding: 15px" valign="bottom" width="400" bgcolor="#e4d7b9">© 2009 Michelle Nightengale <br />
The eCommunications Institute <br />
{!contact_address}</td>
<td style="padding-right: 15px; border-top: #054406 3px solid; font-weight: bold; font-size: 12px; color: #055406; text-align: center" width="200" bgcolor="#e4d7b9"><a style="color: #055406" href="{!remove_web}">Unsubscribe</a><br />
</td></tr></tbody></table></center>
</body>
</html>
#html #quick #techie
  • Profile picture of the author CDarklock
    I think you're going to kick yourself.

    I looked at your code in my browser.



    Looks fine. So I looked at it in an AWeber broadcast window.



    Sure enough, the border on the right is missing!

    So I scrolled right.



    Now the border on the left is missing...
    Signature
    "The Golden Town is the Golden Town no longer. They have sold their pillars for brass and their temples for money, they have made coins out of their golden doors. It is become a dark town full of trouble, there is no ease in its streets, beauty has left it and the old songs are gone." - Lord Dunsany, The Messengers
    {{ DiscussionBoard.errors[1753333].message }}
    • Profile picture of the author Nightengale
      No, that's not what I'm talking about. I've used AWeber for at least a couple of years and know better than that.

      E-mail it to yourself at any e-mail where you can see it in HTML. The border to the right of the"About Me" section is missing! And it's only missing in that one small section (it's a cell). The border is intact on the three other sides and along the rest of the right side.

      I'm using my Yahoo e-mail address to test it and I only noticed it when I e-mailed myself at my Yahoo address. (I ALWAYS send a test e-mail to myself of every issue just to make sure it looks right.) I'm not looking at it in AWeber's windows.

      I've messed around with it quite a bit tonight and EVERY TIME I e-mail it to myself, the border on the right (where my "About Me" info is located) is missing and I have no idea what I'm doing wrong.

      Michelle
      Signature
      "You can't market here. This is a marketing discussion forum!"
      {{ DiscussionBoard.errors[1753362].message }}
      • Profile picture of the author CDarklock
        Originally Posted by Nightengale View Post

        E-mail it to yourself at any e-mail where you can see it in HTML. The border to the right of the"About Me" section is missing! And it's only missing in that one small section (it's a cell). The border is intact on the three other sides and along the rest of the right side.
        I'll do just that... sounds odd. The HTML displays fine raw in a browser, and fine in AWeber's preview, but not in your mail box? Strange. I'll investigate some more.
        Signature
        "The Golden Town is the Golden Town no longer. They have sold their pillars for brass and their temples for money, they have made coins out of their golden doors. It is become a dark town full of trouble, there is no ease in its streets, beauty has left it and the old songs are gone." - Lord Dunsany, The Messengers
        {{ DiscussionBoard.errors[1753402].message }}
  • Profile picture of the author Dennis Gaskill
    Is the picture covering up the border? Try maximizing your email or making your photo smaller and see if that helps.
    Signature

    Just when you think you've got it all figured out, someone changes the rules.

    {{ DiscussionBoard.errors[1753427].message }}
  • Profile picture of the author CDarklock
    Still a mystery; here it is in GMail:



    I'm not sure why your picture didn't show up; it shows up in AWeber. But all the borders look like they're right where they belong. Which one is missing on your display?
    Signature
    "The Golden Town is the Golden Town no longer. They have sold their pillars for brass and their temples for money, they have made coins out of their golden doors. It is become a dark town full of trouble, there is no ease in its streets, beauty has left it and the old songs are gone." - Lord Dunsany, The Messengers
    {{ DiscussionBoard.errors[1753439].message }}
    • Profile picture of the author Nightengale
      Just a small section of the thin black border to the right of the "About Michelle Nightengale" section. I can see it's there in GMail. So why not in Yahoo???? (And yes, my photo shows up in Yahoo.)

      Grrrr!

      Maybe I ought to just forget it. Why on earth can't it appear the way it's supposed to appear regardless of the e-mail client???!!! (Yes, I know it just won't and trying to make it look right in every client is next to impossible.)

      Does GMail block images by default? I know Yahoo sometimes does and you have to click on a link to download images. Do you have to do that in GMail too?

      Michelle
      Signature
      "You can't market here. This is a marketing discussion forum!"
      {{ DiscussionBoard.errors[1753455].message }}
      • Profile picture of the author CDarklock
        Originally Posted by Nightengale View Post

        Does GMail block images by default? I know Yahoo sometimes does and you have to click on a link to download images. Do you have to do that in GMail too?
        Duh, yes. Fixed. That's what I get for suggesting you just didn't scroll to the right.

        But none of the border disappeared when I enabled images, either. Hm. Quite a mystery.

        I'd ignore it. Most of your readers probably won't notice, and the ones who do probably won't care.

        Edit: WAIT! I have an idea. Let me mess around a little.
        Signature
        "The Golden Town is the Golden Town no longer. They have sold their pillars for brass and their temples for money, they have made coins out of their golden doors. It is become a dark town full of trouble, there is no ease in its streets, beauty has left it and the old songs are gone." - Lord Dunsany, The Messengers
        {{ DiscussionBoard.errors[1753538].message }}
  • Profile picture of the author CDarklock
    I FOUND IT!

    Notice "Joke of the Week" format:

    Code:
     
<tr>
<td style="border-right: #054406 1px solid; border-top: #054406 1px solid; font-weight: bold; font-size: 18px; color: #054406; border-bottom: #054406 3px solid; padding: 5px 20px" bgcolor="#e4d7b9">Joke of the Week </td> 
<td>&nbsp;&nbsp;</td></tr>
    Now look at "About Michelle Nightengale" format:

    Code:
     
<tr> 
<td style="border-right: #054406 1px solid; border-top: #054406 1px solid; font-weight: bold; font-size: 18px; color: #054406; border-bottom: #054406 3px solid; padding: 5px 20px" bgcolor="#e4d7b9">About Michelle Nightengale</td></tr>
    FIX:

    Code:
     
<tr> 
<td style="border-right: #054406 1px solid; border-top: #054406 1px solid; font-weight: bold; font-size: 18px; color: #054406; border-bottom: #054406 3px solid; padding: 5px 20px" bgcolor="#e4d7b9">About Michelle Nightengale</td>
<td>&nbsp;&nbsp;</td></tr>
    Signature
    "The Golden Town is the Golden Town no longer. They have sold their pillars for brass and their temples for money, they have made coins out of their golden doors. It is become a dark town full of trouble, there is no ease in its streets, beauty has left it and the old songs are gone." - Lord Dunsany, The Messengers
    {{ DiscussionBoard.errors[1753544].message }}
    • Profile picture of the author Nightengale
      THANK YOU!!!

      I know basic HTML and I know enough to go line by line through the code to figure it out. After all, each section is just a repeat of the one before it, so it's just a matter of finding where it's NOT repeated.

      But for whatever reason, I was changing too much code (I'd added that line back in, but either added too much after it or taken out too much) and screwed up everything. And I couldn't figure out what I was doing wrong. Every test e-mail I sent to myself was funky and whacked out.

      But I just sent a test e-mail to myself and it looks beautiful. Just like it's SUPPOSED to look.

      A HUGE thank you for your help! I greatly appreciate it.

      Sincerely,
      Michelle
      Signature
      "You can't market here. This is a marketing discussion forum!"
      {{ DiscussionBoard.errors[1753655].message }}
      • Profile picture of the author CDarklock
        Originally Posted by Nightengale View Post

        A HUGE thank you for your help! I greatly appreciate it.
        Consider it an engagement present.
        Signature
        "The Golden Town is the Golden Town no longer. They have sold their pillars for brass and their temples for money, they have made coins out of their golden doors. It is become a dark town full of trouble, there is no ease in its streets, beauty has left it and the old songs are gone." - Lord Dunsany, The Messengers
        {{ DiscussionBoard.errors[1753746].message }}

Trending Topics