Solved

I need help determining where HTML coding problems are

Posted on 2011-02-23
44
369 Views
Last Modified: 2012-06-27
Because I am not very proficient with HTML or coding, I have had a contractor customize a standard free newsletter template, that I've been using as my main newsletter template, the last few months.  What I do each month is take the content of the new newsletter and enter it into a mailout manager application provided by my web hosting provider, and then send it to my approximately 8,000 subscribers.

What has happened over the last several months is that the look of the newsletter going into the mailout manager is not ALWAYS how it looks after being received by the subscribers. After approximately 5 weeks of effort with the Support Department of my ISP, it was determined that there are HTML errors in my template that manifest differently depending upon the e-mail application of my subscriber.

Bottom line, my ISP does not provide HTML troubleshooting and they guarantee that there are HTML problems in my template that are causing the problem. Since I am not very proficient in HTML or coding in general, after attempting to find the problem for several hours, I am ready to start heavily drinking.

I've attached the newsletter template (with complete content) as well as a screenshot of how one of the "deformed" newsletters was received by a subscriber. Can somebody please tell me what needs to be corrected or, at least tell me the magnitude of what needs to be done. Unfortunately, the contractor who originally did the newsletter template, is no longer available.

Thank you very much for your help.

January2011Newsletter-Final-form.html
Comcast-e-mail.png
0
Comment
Question by:photoman11
  • 29
  • 15
44 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967704
I found

</tr>
<!-- row -->but
</tbody></table>
</td>
</tr>
</tbody></table>
</td></tr></tbody></table>

Then I pasted it into
http://validator.w3.org/#validate_by_input

but it does not have a doctype.

There were MANY issues with tags not closed or not open.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967724
You have a lot of <br> where they do not belong, such as

<br>
<br>
<li><b>Invest in Additional Memory Cards.</b> If you are conservative about the amount of memory you have on hand (and are afraid of *gasp* running out!), stock up on memory cards when you have a little extra money. You don't have to purchase five of the largest cards out there all at once - look for coupons online and in circulars and you'll have quite a collection to take with you for your camera.

Those will work if you close your </li>
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967741
Also you need to determine if you want to use the shorttag <br /> <hr /> or not. Do not mix them
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967757
This is a pretty messy construct

<b><font color="#006ED4">
<a name="3"></a>3. Using The Zone System to Improve Your Photos<br />
</font><br /></b>

This would be better:


<a name="3" style="color:#006ED4; font-weight:bold">3. Using The Zone System to Improve Your Photos</a><br /><br />
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967768
<div style="font-family: verdana; font-size: 13px; font-weight: bold; color: rgb(255, 255, 255);" align="center">
<center>

is redundant and you are missing a
</center>

a few places so get rid of this deprecated tag you do not need
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967782
<a name="section2"><b>
                                  <font color="#006ED4">
                                    <a name="2"

too many A
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967788
You cannot have all that stuff inside SPAN element.
Change it to div and CLOSE it
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967798
by getting rid of the saturation. You can go color AND black and white!</li>                                    
                                  <br>  <<<<<<<<< not allowed inside ol outside li
                              </span>  <<<<<<<<< should be a div
                             </ol> <<<<<<<<<<<<< should be inside the div
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967807
                                 <a href="http://www.freeflashtoys.com/photo-doll"><b>Photo Doll</b></a> is a free internet site where you can create a customized photo doll of yourself (or a friend/loved one), just like the ones you see on the backs of minivans! Customize skin tone, clothing, and upload photos of anyone for a fun (and oftentimes hilarious!) result.</li>                                  
                                </ul>                                  
                                <br>                                
                              </span> <<<<< should have been a div
                              </ol> <<<<<<<<<<< what is that doing there?
                           </td>                        
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967812
If you have a table, why have divs?

<td style="padding: 5px;" valign="top" align="center">                                    
   <div style="font-family: verdana; font-size: 13px; font-weight: bold; color: rgb(255, 255, 255);" align="center">                                      

could have been

<td valign="top" style="padding: 5px;" font-family: verdana; font-size: 13px; font-weight: bold; color: rgb(255, 255, 255);" align="center">                                      





0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967818
System with your digital camera. It essentially helps you get proper exposure to help improve your digital photographs.       <br ><br >                                  
                                </ol> <<<<< what does that do there?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967828
<ul type="round">
should be
<ul type="disc">
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34967843
I may have lost a few <br>'s along the way, but this one validates
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>           
  <head>                 
    <title>              
    </title>           
  </head>           
  <body>              
    <table width="100%" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">                    
      <tbody>                          
        <tr>                                
          <td style="padding: 20px;">                                      
            <table width="650" align="center" bgcolor="#006ed4" border="0" cellpadding="0" cellspacing="0">                                            
              <tbody>                                                  
                <tr>                                                        
                  <td style="padding: 1px;">                                                              
                    <table width="650" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">                                                                    
                      <!-- row -->                                                                    
                      <tbody>                                                                          
                        <tr><td>                                                                                      
                            <table width="650" align="center" border="0" cellpadding="0" cellspacing="0">                                                                                            
                              <tbody>                                                                                                  
                                <tr>                                                                                                        
                                  <td style="padding: 0px;" width="400" align="center">                                                                                                              
                                    <img alt="" src="http://i1232.photobucket.com/albums/ff365/lemonroe/jan2011.jpg" style="display: block;" width="650" border="0" height="150"></td>                                                                                                  
                                </tr>                                                                                            
                              </tbody>                                                                                      
                            </table></td>                                                                          
                        </tr>                                                                          
                        <!-- row -->                                                                          
                        <!-- row -->                                                                          
                        <tr>                                                                                
                          <td bgcolor="#C0C0C0">                                                                                      
                            <span style="font-size: 4px; color: rgb(0, 110, 212);">                                                                                      
                            </span></td>                                                                          
                        </tr>                                                                          
                        <!-- row -->                                                                          
                        <!-- row -->                                                                          
                        <tr>                                                                                
                          <td bgcolor="#ececec">                                                                                      
                            <div>                                                                                            
                              <table align="left" border="0" cellpadding="0" cellspacing="0">                                                                                                  
                                <tbody>                                                                                                        
                                  <tr>                                                                                                              
                                    <td style="padding: 5px;" align="left">                                                                                                                    
                                      <a href="http://www.best-family-photography-tips.com/" style="padding: 5px; font-family: arial; font-size: 12px; color:#660000;"><strong>Home</strong></a>                                                                                                                    
                                      <a href="http://www.best-family-photography-tips.com/using-photoshop.html" style="padding: 5px; font-family: arial; font-size: 12px; color:#800000;"><strong>10 Things You Should Be Using Photoshop For</strong></a>                                                                                                                      
                                      <a href="http://www.best-family-photography-tips.com/free-photography-stuff.html" style="padding: 5px; font-family: arial; font-size: 12px; color:#800000;"><strong>Free Photo Stuff!</strong></a>                                                                                                                      
                                      <a href="http://www.best-family-photography-tips.com/photo-sharing.html" style="padding: 5px; font-family: arial; font-size: 12px; color:#800000;"><strong>Show Us Your Photos!</strong></a> </td>                                                                                                        
                                  </tr>                                                                                                  
                                </tbody>                                                                                            
                              </table>                                                                                      
                            </div></td>                                                                          
                        </tr>                                                                          
                        <!-- row -->                                                                          
                        <!-- row -->                                                                          
                        <tr><td>                                                                                      
                            <table width="650" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">                                                                                            
                              <tbody>                                                                                                  
                                <tr>                                                                                                        
                                  <td style="padding: 10px;" valign="top" width="70%">                                                                                                              
                                    <div>                                                                                                                    
                                      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">                                                                                                                          
                                        <tbody>                                                                                                                                
                                          <tr>                                                                                                                                      
                                            <td style="padding: 0px;" valign="top">                                                                                                                                            
                                              <span style="font-family: arial; font-size: 12px; line-height: 2.5em; color:#800000;"><strong>January 2011 - Issue #72</strong>                                                                                                                                            
                                              </span>                                                                                                                                            
                                              <hr>                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 15px; color:#006ED4;"><strong>Resolution, But Not For the New Year!</strong>                                                                                                                                            
                                              </span>                                                                                                                                            
                                              <br>                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 12px; color: rgb(64, 64, 64);">                                                                                                                                                  
                                                <br>One camera issue that most people use incorrectly is their camera's resolution. Get your new year started right by learning that reducing resolution to gain storage space is not necessarily the best way to go!                                                                                                                                                   
                                                <br>                                                                                                                                                  
                                                <a href="#section1" style="font-family: arial; font-size: 12px; line-height: 2.5em; color:#800000;"><strong>FULL ARTICLE</strong></a>                                                                                                                                            
                                              </span>                                                                                                                                            
                                              <br>                                                                                                                                            
                                              <hr>                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 15px; color:#006ED4;"><strong>Do You Know These Celebrity Photographers?</strong>                                                                                                                                            
                                              </span>                                                                                                                                            
                                              <br>                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 12px; color: rgb(64, 64, 64);">                                                                                                                                                  
                                                <br>There are many famous photographers, and there are many famous actors and musicians. Did you know that some of these famous names are also great photographers?                                                                                                                                                   
                                                <br>                                                                                                                                                  
                                                <a href="#section2" style="font-family: arial; font-size: 12px; line-height: 2.5em; color:#800000;"><strong>FULL ARTICLE</strong></a>                                                                                                                                            
                                              </span>                                                                                                                                            
                                              <br>                                                                                                                                            
                                              <hr>                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 15px; color:#006ED4;"><strong>Using The Zone System to Improve Your Photos</strong>                                                                                                                                            
                                              </span>                                                                                                                                            
                                              <br>                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 12px; color: rgb(64, 64, 64);">                                                                                                                                                  
                                                <br>Looking for a new technique to make your photography better in 2011? Try the Zone System and open your world to a new way of taking photos.                                                                                                                                                   
                                                <br>                                                                                                                                                  
                                                <a href="#section3" style="font-family: arial; font-size: 12px; line-height: 2.5em; color:#800000;"><strong>FULL ARTICLE</strong></a>                                                                                                                                            
                                              </span>                                                                                                                                            
                                              <br>                                                                                                                                            
                                              <hr>                                                                                                                                            
                                              <span style="font-family:verdana; font-size:15px; color:#006ED4"><strong>Black & White Photography Tips</strong>                                                                                                                                            
                                              </span>                                                                                                                                            
                                              <br>                                                                                                                                            
                                              <span style="font-family:verdana; font-size:12px; color: rgb(64, 64, 64)">                                                                                                                                                  
                                                <br>Now that you're an Exposure Expert (for your digital camera, of course!), why not add some understated beauty to your photos without worrying about color? Black & white photos can be incredibly stunning, breathtaking, and extremely rewarding.                                                                                                                                                   
                                                <br>                                                                                                                                                  
                                                <a href="#section4" style="font-family:arial; font-size:12px; line-height: 2.5em; color:#800000"><strong>FULL ARTICLE</strong></a>                                                                                                                                            
                                              </span></td>                                                                                                                                
                                          </tr>                                                                                                                          
                                        </tbody>                                                                                                                    
                                      </table>                                                                                                              
                                    </div></td>                                                                                                        
                                  <td style="padding: 10px;" valign="top" width="30%" bgcolor="#ffffff">                                                                                                              
                                    <div style="margin-top:37px;">                                                                                                                    
                                      <table width="100%" align="center" bgcolor="#660000" border="0" cellpadding="0" cellspacing="0">                                                                                                                          
                                        <tbody>                                                                                                                                
                                          <tr>                                                                                                                                      
                                            <td style="padding: 5px;" valign="top" align="center">                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 12px; color: rgb(255, 255, 255);"><strong>Check Out These Celebrity Photographers!</strong>                                                                                                                                                  
                                                <br>                                                                                                                                                  
                                                <br>                                                                                                                                                  
                                                <a href="#section2">                                                                                                                                                        
                                                  <img alt="" src="http://i1232.photobucket.com/albums/ff365/lemonroe/1250752254_1024x768_cool-brad-pitt-wallpaper-for-pc.jpg" style="display: block;" width="140" border="0" height="120"></a>                                                                                                                                                  
                                                <br>                                                                                                                                            
                                              </span></td>                                                                                                                                
                                          </tr>                                                                                                                          
                                        </tbody>                                                                                                                    
                                      </table>                                                                                                              
                                    </div>                                                                                                              
                                    <br>                                                                                                              
                                    <div>                                                                                                                    
                                      <table width="100%" align="center" bgcolor="#660000" border="0" cellpadding="0" cellspacing="0">                                                                                                                          
                                        <tbody>                                                                                                                                
                                          <tr>                                                                                                                                      
                                            <td style="padding: 5px;" valign="top" align="center">                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 12px; color: rgb(255, 255, 255);"><strong>Using the Zone System</strong>                                                                                                                                                  
                                                <br>                                                                                                                                                  
                                                <br>                                                                                                                                                  
                                                <a href="#section3">                                                                                                                                                        
                                                  <img alt="" src="http://i1232.photobucket.com/albums/ff365/lemonroe/zone-system.jpg" style="display: block;" width="140" border="0" height="120"></a>                                                                                                                                                  
                                                <br>                                                                                                                                            
                                              </span></td>                                                                                                                                
                                          </tr>                                                                                                                          
                                        </tbody>                                                                                                                    
                                      </table>                                                                                                              
                                    </div>                                                                                                              
                                    <br>                                                                                                              
                                    <div>                                                                                                                    
                                      <table width="100%" align="center" bgcolor="#660000" border="0" cellpadding="0" cellspacing="0">                                                                                                                          
                                        <tbody>                                                                                                                                
                                          <tr>                                                                                                                                      
                                            <td style="padding: 5px;" valign="top" align="center">                                                                                                                                            
                                              <span style="font-family: verdana; font-size: 12px; color: rgb(255, 255, 255);"><strong>Black & White Photo Tips!</strong>                                                                                                                                                  
                                                <br>                                                                                                                                                  
                                                <br>                                                                                                                                                  
                                                <a href="#section4">                                                                                                                                                        
                                                  <img alt="" src="http://i1232.photobucket.com/albums/ff365/lemonroe/black-and-white-photography-0643.jpg" style="display: block;" width="140" border="0" height="120"></a>                                                                                                                                                  
                                                <br>                                                                                                                                            
                                              </span></td>                                                                                                                                
                                          </tr>                                                                                                                          
                                        </tbody>                                                                                                                    
                                      </table>                                                                                                              
                                    </div>                                                                                                              
                                    <br></td>                                                                                                  
                                </tr>                                                                                            
                              </tbody>                                                                                      
                            </table></td>                                                                          
                        </tr>                                                                          
                        <tr>                                                                                
                          <td style="padding:5px;">                                                                                      
                            <hr>                                                                                      
                            <span style="font-family:verdana; font-size:15px; color:#006ED4"><strong>Kick Off 2011 With Some Software!</strong>                                                                                      
                            </span>                                                                                      
                            <br>                                                                                      
                            <span style="font-family:verdana; font-size:12px; color:#404040">                                                                                            
                              <br>It's 2011, so why not grab some free software titles?                                                                                             
                              <br>                                                                                            
                              <a href="#section5" style="font-family:arial; font-size:12px; line-height: 2.5em; color:#800000"><strong>FULL ARTICLE</strong></a>                                                                                      
                            </span>                                                                                      
                            <br>                                                                                      
                            <hr>                                                                                      
                            <a name="section1" style="color:#006ED4; font-weight:bold">1. A Resolution, But Not For the New Year!</a>                                                                                      
                            <div style="font-family:verdana; font-size:12px; color:#404040">                                                                                            
                              <br>                                                                                            
                              <br>One camera issue that most people use incorrectly is their camera's resolution. Get your new year started right by learning that reducing resolution to gain storage space is not necessarily the best way to go!                                                                                             
                              <br><br >                                                                                            
                              <ol> <li><b>Don't Fall Into the "Less is More" Trap.</b> While it's always a good idea to know how much space you have in your camera's storage, being too conservative with your space won't make your pictures look any better. By not taking pictures at full resolution, you are reducing your photo's - and therefor your memories'! - quality as well as important details in the scene.                                                                                                   
                                <br>                                                                                                  
                                <br></li>                                <li><b>Invest in Additional Memory Cards.</b> If you are conservative about the amount of memory you have on hand (and are afraid of *gasp* running out!), stock up on memory cards when you have a little extra money. You don't have to purchase five of the largest cards out there all at once - look for coupons online and in circulars and you'll have quite a collection to take with you for your camera.                                                                                                   
                                <br>                                                                                                  
                                <br>                                </li>                                <li><b>Scale Down Later.</b> Once you get your photos off of your camera, you can use any number of software programs to scale, resize, and compress your images. Taking pictures on your camera's VGA setting may make them easier to email, but you'll never get back the quality of a higher resolution.                                                                                                   
                                <br>                                                                                                  
                                <br>                                </li>                                <li><b>Nowadays, Speed is King!</b> Many people are afraid to take larger-sized photos because when they share them with friends or family, it will take the photos too long to load for the viewer. Keep in mind that most people use high-speed internet, and this was a concern a decade ago when people had dial-up modems. Now even the largest photos will only take seconds to load.                                                                                                       
                                <br>                                                                                                  
                                <br>If you know ahead of time that you will <b>only be emailing</b> your photos, you can switch to the "web-ready" or "web-optimized" quality setting on your camera. Keep in mind that these will not have the rich detail of a higher resolution, but more can be emailed at once.</li>                                                                                            
                              </ol>                                                                                                
                              <br>                                                                                            
                              <br>                                                                                            
                              <hr>                                                           
                            </div>                                                                                          
                            <a name="section2" style="color:#006ED4; font-weight:bold">2. Do You Know These Celebrity Photographers?</a>                                                                                          
                            <div style="font-family:verdana; font-size:12px; color:#404040">                                                                                                
                              <br>                                                                                                
                              <br>We usually see celebrities in front of the camera, but did you know that many are also shutterbugs? We're not talking about being a spokesperson for a digital camera company, but actually have an affinity for being behind the lens.<br >                                                                                                
                              <br>                                                                                                
                              <ol><li><b>Viggo Mortensen.</b> Star of <u>Lord of the Rings</u>, <u>Eastern Promises</u>, and <u>Appaloosa</u>, Mortensen has had showings of his photographs and also has published books of his photography. In addition to using fisheye lenses and film photography, he also experiments with post-processing to achieve sometimes strange and bewildering results.   <br >                                                                                                      
                                <br>  <li><b>Henry Winkler ("The Fonz").</b> In addition to being an actor, director, and children's book author, Winkler is also a prolific photographer. He uses a polarized lens, and even gives himself photo assignments. You can find some of his travel photos online.<br ><br ><li><b>Brad Pitt.</b> According to actor Pitt's movie-star partner Angelina Jolie, he gets very advanced cameras and studies the intricacies of them. He also "ruminates for hours" on ways to improve his photography, according to Jolie.<br ><br ><li><b>Rudy Guiliani.</b> For nearly 30 years, the former NYC mayor has been taking photos, and even has had stints as a wedding photographer! He's done gallery exhibits for charity, raising tens of thousands of dollars, and has taken some breathtaking photos of the NYC skyline and other buildings.                                                                                                       
                                <br>                                                                                                      
                                <br>  <li><b>Kenny Rogers.</b> An amazing vocal talent with many country hits and awards under his belt, Rogers is also a photographer with a great eye. Back in 1986, he published <u>Kenny Rogers' America</u>, a collection of black and white landscapes. He's also published books of celebrity photographs and of country stars.</li>                                                                                                
                              </ol>                                                                                                
                              <br>                                                                                              
                            </div>                                                                                          
                            <hr>                                                                                          
                            <a name="section3" style="color:#006ED4; font-weight:bold">3. Using The Zone System to Improve Your Photos</a>                                                                                            
                            <div style="font-family:verdana; font-size:12px; color:#404040">If you're a fan of Ansel Adams, you may have heard of The Zone System, which he developed with Fred Archer back in the early 20th century. Originally developed for film cameras (you know, because the Time Machine hadn't been invented yet), you can still use The Zone System with your digital camera. It essentially helps you get proper exposure to help improve your digital photographs.       <br ><br >                                                                                                  
                              <ol> <li><b>The Zones.</b> There are 10 Zones, ranging from pure black (Zone 0) to super-bright flashes of light (Zone 9). Obviously, Zone 5 is the midtone in your composition, and most digital cameras function between Zones 3 and 7. Remember that there are many different Zones in each photo, unless you're taking a picture of a blank wall!                                                                                                          
                                <br>                                                                                                        
                                <br>Zone 0 (pure black) is -5 Exposure Value (EV), Zone 5 (middle-tones, grays & light shadows) is a 0 EV, and Zone 9 (bright lights/reflections/flashes) is a +4 EV. Obviously, there are EV steps (-4 to -1, and +1 to +3) in between the Zones just listed.<br ><br ><li><b>Where is Your Spot Meter?</b> Most cameras will have                                                                                                          
                                <a href="http://www.best-family-photography-tips.com/metering-mode.html">a spot meter</a> in them, which you can select and use. Choose an important (usually the darkest OR lightest) area in your composition, and then you can override the given exposure setting to properly expose the entire photo.                                                                                                         
                                <br>                                                                                                        
                                <br><li><b>Setting the (Correct) Tone.</b> Since each Zone is one full stop/Exposure Value (EV), then you'll need to take the spot you identified previously in the spot meter and make sure that you adjust your entire exposure to match it. For instance, if you have a group and your spot meter point is someone's white shirt, you'll want to make sure that it's a bright white and not a dingy gray, right?                                                                                                         
                                <br>                                                                                                        
                                <br>Since the color white is Zone 7, you should set your Exposure Value (EV) at a +2. You can be confident that your photo will have a great exposure - most likely a much better result than if you simply relied on your camera's automatic settings!                                                                                                         
                                <br>                                                                                                        
                                <br><li><b>Practice Makes Perfect.</b> At first, it may seem awkward and time-consuming to look up the Zones and the EVs, but they are easy to commit to memory. Take a few photos on the automatic setting and compare them to your Zone-adjusted photos - you'll be surprised how easy it is to get great, well-balanced, and properly exposed photos!                                                                                                         
                                <br>                                                                                                        
                                <br>                                                                                                  
                              </ol>                                                                                            
                            </div>                                                                                            
                            <hr>                                                                                            
                            <a name="section4" style="color:#006ED4; font-weight:bold">4. Black & White Photography Tips</a>                                                                                            
                            <div style="font-family:verdana; font-size:12px; color:#404040">The elegance and timelessness of black and white photography ensures its continual popularity. Many digital cameras and even cell phone cameras have a black and white setting on them which you can select. More and more people                                                                                                    
                              <a href="http://www.best-family-photography-tips.com/black-and-white-photography-tips.html">are becoming interested in black and white photography for many reasons</a>, and here are some tips and tricks to help you get the most out of your photos.                                                                                                   
                              <br>                                                                                                  
                              <br>                                                                                                                                   
                              <ol> <li><b>Contrast is Key.</b> Since you don't have a wide range of colors to work with, look for darker and lighter shades to contrast. Will your subject get lost in a background with a similar tone? Can you move either the subject or the background to enhance your photograph? Will a contrast lead the eye to your subject?                                                                                                         
                                <br>                                                                                                        
                                <br><li><b>When is it Best to Shoot?</b> Some black and white photographers like to take pictures on an overcast day as bright sunlight may cause TOO much contrast. Don't worry about that cloudy, yukky day - go out and take some black and white photographs!                                                                                                         
                                <br>                                                                                                        
                                <br><li><b>What's Your ISO?</b>                                                                                                          
                                <a href="http://www.best-family-photography-tips.com/ISO.html">The ISO function</a> in a digital camera establishes the light sensitivity for the camera's image sensor, and this setting is adjustable on most digital cameras. Try to lower your ISO as much as possible to reduce the noise in the black and white photograph.                                                                                                         
                                <br>                                                                                                        
                                <br><li><b>Remove the Color Later!</b> If your camera doesn't have a black and white setting or if you don't want to use it, you can always take photos in color and then post-process them later on your computer. There are many software programs that will either convert your photo to black and white/grayscale, or remove all color by getting rid of the saturation. You can go color AND black and white!</li>                                                                                                      
                              </ol>                                                                                            
                            </div>                                                                                                                                                          
                            <hr>                                                                                            
                            <a name="section5" style="color:#006ED4; font-weight:bold">5. Kick Off 2011 With Some Software!</a>                                                                                            
                            <div style="font-family:verdana; font-size:12px; color:#404040">Once you have taken some awesome Zone and black and white photos, here are some free software titles that you can use with them:                                                                                                   
                              <br>                                                                                                  
                              <br>                                                                                                  
                              <ul type="disc"> <li>Looking for a new way to organize and present your photos?                                                                                                          
                                <a href="http://magix-photo-manager.software.informer.com/"><b>MAGIX Photo Manager 9</b></a> is a powerful, easy-to-use application that allows you to present both photos and video clips on your PC and the Internet. This incredible program also enables you to import enormous amounts of data, optimize it quickly in real time and place it systematically into albums.                                                                                                          
                                <br>                                                                                                        
                                <br>Logically sort your media by criteria such as date, file type, camera type, theme, rating, or subject's face to make it easy to find them later. Available for Microsoft® Windows® XP™ | Vista™ | 7™. </li>                                                                                                        <li>                                                                                                        
                                <a href="http://www.freeflashtoys.com/photo-doll"><b>Photo Doll</b></a> is a free internet site where you can create a customized photo doll of yourself (or a friend/loved one), just like the ones you see on the backs of minivans! Customize skin tone, clothing, and upload photos of anyone for a fun (and oftentimes hilarious!) result.</li>                                                                                                  
                              </ul>                                                                                                  
                              <br>                                                                                            
                            </div>                                                                                        </td>                                                                          
                        </tr>                                                                          
                        <!-- row -->                                                                          
                        <!-- row -->                                                                          
                        <tr><td>                                                                                      
                            <table width="650" align="center" bgcolor="#660000" border="0" cellpadding="0" cellspacing="0">                                                                                            
                              <tbody>                                                                                                  
                                <tr>                                                                                                        
                                  <td style="padding: 5px;" valign="top" align="center">                                                                                                              
                                    <div style="font-family: verdana; font-size: 13px; font-weight: bold; color: rgb(255, 255, 255);" align="center">                                                                                                                      
                                      <!--===  Get the Picture?  ===-->                                                                                                                        
                                      <br>                                                                                                                          
                                      <A href="http://www.best-family-photography-tips.com/photography-newsletter.html" target="_blank">                                                                                                                                  
                                        <img alt=""  src="http://www.best-family-photography-tips.com/images/E-zine_name.png" border="0"></a>                                                                                                                            
                                      <br>                                                                                                                            
                                      <a style="color:white;font-size:80%;text-decoration:none;" href="http://www.best-family-photography-tips.com">&copy; 2011 Best Family Photography Tips</a>                                                                                                                            
                                      <br>                                                                                                                            
                                      <br>                                                                                                                  
                                    </div></td>                                                                                                  
                                </tr>                                                                                            
                              </tbody>                                                                                      
                            </table></td>                                                                          
                        </tr>                                                                          
                        <!-- row -->                                                                    
                      </tbody>                                                              
                    </table></td>                                                  
                </tr>                                            
              </tbody>                                      
            </table></td>                          
        </tr>                    
      </tbody>              
    </table>           
  </body>
</html>

Open in new window

0
 

Author Comment

by:photoman11
ID: 34973025
mplungjan,

I cannot thank you enough for doing all this work. In fact, for future tasks, can I inquire about how much you charge to do this type of work outside of Expert Exchange?

Part of my challenge with this newsletter is after each issue is created, it can display perfectly (as your corrected version does). The problem is, I need to then add it to a mailout program based in my server, and that's where the fun begins.

They insist that because of all the different e-mail programs and other variables that all my subscribers have, the final version that is opened by the subscriber may look slightly different than the one I enter into the mailout program.

I put your version of the newsletter into the mailout program and have attached a screenshot of how the resulting newsletter looks. I have Microsoft Outlook 2007 as my e-mail application. As you can see, everything looks almost perfect except for the areas indicated in the screenshot.

Could those be due to the "<br>s" you mentioned might have been missed? If so, can you tell me what to look for, and I will go through the code as best I can, and try to find why the final display is not as perfect as the version going in.

Again, I want to really thank you for all your help.
after-mailout-manager.png
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34973739
Sure you can. My email is in my profile.

I can take a look at the displacements tomorrow.

There are many reasons things can go wrong. In this case you use divs inside table cells. There are undoubtedly some margin issues.

The best would be to EITHER use tables OR use divs.
I suggest, due to it being easier to manage and debug, to use ONLY table cells and put the styling you have now like - I know some CSS purists will be upset now, but seriously, I have been in this cross browser mess since Netscape 2 and IE 3.2 so I can be VERY pragmatic when it comes to purism.

<td ..... some styling using attributes, some styling using css...><div some styling using attributes, some styling using css...>

could be

<td some styling using CSS only>

Since I cleaned up the code already, I can have a look to remove the divs completely
0
 

Author Comment

by:photoman11
ID: 34977025
mplungjan,

That would be great. Just to let you know, I know absolutely nothing about CSS other than what it stands for.

I will contact you through your profile the beginning of next week.

Thank you for everything.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34977047
You are welcome. Incidentally I just got out of bed since I am in CET my guess is you are getting into yours so have a good one
0
 

Author Comment

by:photoman11
ID: 34983336
mplungjan,

Thank you. Have a great day yourself.

I have several questions for you which I will send next week. Just to be sure I understand where we are on this newsletter template, should I be doing something with it or were you planning to get rid of the divs (whatever they are)-and then I should do something, or what?

Please bear in mind when you describe these things to me, do so as if you were speaking to a 9-year-old iguana.

Take care
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34983396
I'll get rid of the divs for you. It will be tomorrow which will be in 10 hours or so
0
 

Author Comment

by:photoman11
ID: 34984228
thank you very much. Have a great weekend!
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34986058
Here is a version where I got rid of a truckload of spans and divs and cut down the size and complexity remarkably.
On my Firefox on MAC I see no difference. What browser are you on? I hope it looks ok, if not I will have to look on Monday when I am on a pc with IE

It should be much easier to edit for you now I have much simpler markup


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>
    </title>
  </head>
  <body>
    <table width="100%" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td style="padding: 20px;">
            <table width="650" align="center" bgcolor="#006ed4" border="0" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td style="padding: 1px;">
                    <table width="650" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
                      <!-- row -->
                      <tbody>
                        <tr><td>
                            <table width="650" align="center" border="0" cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td style="padding: 0px;" width="400" align="center">
                                    <img alt="" src="http://i1232.photobucket.com/albums/ff365/lemonroe/jan2011.jpg" style="display: block;" width="650" border="0" height="150"></td>
                                </tr>
                              </tbody>
                            </table></td>
                        </tr>
                        <!-- row -->
                        <!-- row -->
                        <tr>
                          <td bgcolor="#C0C0C0">
                            <span style="font-size: 4px; color: rgb(0, 110, 212);"></span></td>
                        </tr>
                        <!-- row -->
                        <!-- row -->
                        <tr>
                          <td bgcolor="#ececec">
                            <div>
                              <table align="left" border="0" cellpadding="0" cellspacing="0">
                                <tbody>
                                  <tr>
                                    <td style="padding: 5px;" align="left">
                                      <a href="http://www.best-family-photography-tips.com/" style="padding: 5px; font-family: arial; font-size: 12px; color:#660000; font-weight:bold">Home</a>
                                      <a href="http://www.best-family-photography-tips.com/using-photoshop.html" style="padding: 5px; font-family: arial; font-size: 12px; color:#800000; font-weight:bold">10 Things You Should Be Using Photoshop For</a>
                                      <a href="http://www.best-family-photography-tips.com/free-photography-stuff.html" style="padding: 5px; font-family: arial; font-size: 12px; color:#800000; font-weight:bold">Free Photo Stuff!</a>
                                      <a href="http://www.best-family-photography-tips.com/photo-sharing.html" style="padding: 5px; font-family: arial; font-size: 12px; color:#800000; font-weight:bold">Show Us Your Photos!</a> </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div></td>
                        </tr>
                        <!-- row -->
                        <!-- row -->
                        <tr><td>
                            <table width="650" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td style="padding: 10px;" valign="top" width="70%">
                                      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                          <tr>
                                            <td style="padding: 0px;font-family: verdana; font-size: 12px; color: rgb(64, 64, 64);" valign="top">
                                              <span style="font-family: arial; font-size: 12px; line-height: 2.5em; color:#800000; font-weight:bold">January 2011 - Issue #72</span>
                                              <hr>
                                              <span style="font-family: verdana; font-size: 15px; color:#006ED4; font-weight:bold">Resolution, But Not For the New Year!</span>
                                              <br>
                                                <br>One camera issue that most people use incorrectly is their camera's resolution. Get your new year started right by learning that reducing resolution to gain storage space is not necessarily the best way to go!
                                                <br>
                                                <a href="#section1" style="font-family: arial; font-size: 12px; line-height: 2.5em; color:#800000; font-weight:bold">FULL ARTICLE</a>
                                              <hr>
                                              <span style="font-family: verdana; font-size: 15px; color:#006ED4; font-weight:bold">Do You Know These Celebrity Photographers?</span>
                                              <br>
                                                <br>There are many famous photographers, and there are many famous actors and musicians. Did you know that some of these famous names are also great photographers?
                                                <br>
                                                <a href="#section2" style="font-family: arial; font-size: 12px; line-height: 2.5em; color:#800000; font-weight:bold">FULL ARTICLE</a>
                                              <hr>
                                              <span style="font-family: verdana; font-size: 15px; color:#006ED4; font-weight:bold">Using The Zone System to Improve Your Photos</span>
                                              <br>
                                                <br>Looking for a new technique to make your photography better in 2011? Try the Zone System and open your world to a new way of taking photos.
                                                <br>
                                                <a href="#section3" style="font-family: arial; font-size: 12px; line-height: 2.5em; color:#800000; font-weight:bold">FULL ARTICLE</a>
                                              <hr>
                                              <span style="font-family:verdana; font-size:15px; color:#006ED4; font-weight:bold">Black & White Photography Tips</span>
                                              <br>
                                                <br>Now that you're an Exposure Expert (for your digital camera, of course!), why not add some understated beauty to your photos without worrying about color? Black & white photos can be incredibly stunning, breathtaking, and extremely rewarding.
                                                <br>
                                                <a href="#section4" style="font-family:arial; font-size:12px; line-height: 2.5em; color:#800000; font-weight:bold">FULL ARTICLE</a>
                                             </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                  </td>
                                  <td style="padding: 10px;" valign="top" width="30%" bgcolor="#ffffff">
                                    <div style="margin-top:37px;">
                                      <table width="100%" align="center" bgcolor="#660000" border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                          <tr>
                                            <td style="padding: 5px;font-family: verdana; font-size: 12px; color: rgb(255, 255, 255); font-weight:bold" valign="top" align="center">
                                             Check Out These Celebrity Photographers!
                                                <br>
                                                <br>
                                                <a href="#section2"><img alt="" src="http://i1232.photobucket.com/albums/ff365/lemonroe/1250752254_1024x768_cool-brad-pitt-wallpaper-for-pc.jpg" style="display: block;" width="140" border="0" height="120"></a>
                                                <br>
                                             </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>
                                    <br>
                                    <div>
                                      <table width="100%" align="center" bgcolor="#660000" border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                          <tr>
                                            <td style="padding: 5px;font-family: verdana; font-size: 12px; color: rgb(255, 255, 255); font-weight:bold" valign="top" align="center">
                                              Using the Zone System
                                                <br>
                                                <br>
                                                <a href="#section3"><img alt="" src="http://i1232.photobucket.com/albums/ff365/lemonroe/zone-system.jpg" style="display: block;" width="140" border="0" height="120"></a>
                                                <br>
                                             </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>
                                    <br>
                                    <div>
                                      <table width="100%" align="center" bgcolor="#660000" border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                          <tr>
                                            <td style="padding: 5px;font-family: verdana; font-size: 12px; color: rgb(255, 255, 255); font-weight:bold" valign="top" align="center">
                                              Black & White Photo Tips!
                                                <br>
                                                <br>
                                                <a href="#section4"><img alt="" src="http://i1232.photobucket.com/albums/ff365/lemonroe/black-and-white-photography-0643.jpg" style="display: block;" width="140" border="0" height="120"></a>
                                                <br>
                                              </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>
                                    <br></td>
                                </tr>
                              </tbody>
                            </table></td>
                        </tr>
                        <tr>
                          <td style="padding:5px;font-family:verdana; font-size:12px; color:#404040">
                            <hr>
                            <span style="font-family:verdana; font-size:15px; color:#006ED4; font-weight:bold">Kick Off 2011 With Some Software!</span>
                            <br>
                            <br>
                            It's 2011, so why not grab some free software titles?
                            <br>
                            <a href="#section5" style="font-family:arial; font-size:12px; line-height: 2.5em; color:#800000; font-weight:bold">FULL ARTICLE</a>
                            <br>
                            <hr>
                            <a name="section1" style="color:#006ED4; font-weight:bold">1. A Resolution, But Not For the New Year!</a>
                            <br>
                              <br>One camera issue that most people use incorrectly is their camera's resolution. Get your new year started right by learning that reducing resolution to gain storage space is not necessarily the best way to go!
                              <br><br >
                              <ol> <li><b>Don't Fall Into the "Less is More" Trap.</b> While it's always a good idea to know how much space you have in your camera's storage, being too conservative with your space won't make your pictures look any better. By not taking pictures at full resolution, you are reducing your photo's - and therefor your memories'! - quality as well as important details in the scene.
                                <br>
                                <br></li>                                <li><b>Invest in Additional Memory Cards.</b> If you are conservative about the amount of memory you have on hand (and are afraid of *gasp* running out!), stock up on memory cards when you have a little extra money. You don't have to purchase five of the largest cards out there all at once - look for coupons online and in circulars and you'll have quite a collection to take with you for your camera.
                                <br>
                                <br>                                </li>                                <li><b>Scale Down Later.</b> Once you get your photos off of your camera, you can use any number of software programs to scale, resize, and compress your images. Taking pictures on your camera's VGA setting may make them easier to email, but you'll never get back the quality of a higher resolution.
                                <br>
                                <br>                                </li>                                <li><b>Nowadays, Speed is King!</b> Many people are afraid to take larger-sized photos because when they share them with friends or family, it will take the photos too long to load for the viewer. Keep in mind that most people use high-speed internet, and this was a concern a decade ago when people had dial-up modems. Now even the largest photos will only take seconds to load.
                                <br>
                                <br>If you know ahead of time that you will <b>only be emailing</b> your photos, you can switch to the "web-ready" or "web-optimized" quality setting on your camera. Keep in mind that these will not have the rich detail of a higher resolution, but more can be emailed at once.</li>
                              </ol>
                              <br>
                              <br>
                              <hr>
                            
                            
                            <a name="section2" style="color:#006ED4; font-weight:bold">2. Do You Know These Celebrity Photographers?</a>
                              <br>
                              <br>We usually see celebrities in front of the camera, but did you know that many are also shutterbugs? We're not talking about being a spokesperson for a digital camera company, but actually have an affinity for being behind the lens.<br >
                              <br>
                              <ol><li><b>Viggo Mortensen.</b> Star of <u>Lord of the Rings</u>, <u>Eastern Promises</u>, and <u>Appaloosa</u>, Mortensen has had showings of his photographs and also has published books of his photography. In addition to using fisheye lenses and film photography, he also experiments with post-processing to achieve sometimes strange and bewildering results.   <br >
                                <br>  <li><b>Henry Winkler ("The Fonz").</b> In addition to being an actor, director, and children's book author, Winkler is also a prolific photographer. He uses a polarized lens, and even gives himself photo assignments. You can find some of his travel photos online.<br ><br ><li><b>Brad Pitt.</b> According to actor Pitt's movie-star partner Angelina Jolie, he gets very advanced cameras and studies the intricacies of them. He also "ruminates for hours" on ways to improve his photography, according to Jolie.<br ><br ><li><b>Rudy Guiliani.</b> For nearly 30 years, the former NYC mayor has been taking photos, and even has had stints as a wedding photographer! He's done gallery exhibits for charity, raising tens of thousands of dollars, and has taken some breathtaking photos of the NYC skyline and other buildings.
                                <br>
                                <br>  <li><b>Kenny Rogers.</b> An amazing vocal talent with many country hits and awards under his belt, Rogers is also a photographer with a great eye. Back in 1986, he published <u>Kenny Rogers' America</u>, a collection of black and white landscapes. He's also published books of celebrity photographs and of country stars.</li>
                              </ol>
                              <br>
                            <hr>
                            <a name="section3" style="color:#006ED4; font-weight:bold">3. Using The Zone System to Improve Your Photos</a>
                            <br>
                            <br>
                            If you're a fan of Ansel Adams, you may have heard of The Zone System, which he developed with Fred Archer back in the early 20th century. Originally developed for film cameras (you know, because the Time Machine hadn't been invented yet), you can still use The Zone System with your digital camera. It essentially helps you get proper exposure to help improve your digital photographs.       <br ><br >
                              <ol> <li><b>The Zones.</b> There are 10 Zones, ranging from pure black (Zone 0) to super-bright flashes of light (Zone 9). Obviously, Zone 5 is the midtone in your composition, and most digital cameras function between Zones 3 and 7. Remember that there are many different Zones in each photo, unless you're taking a picture of a blank wall!
                                <br>
                                <br>Zone 0 (pure black) is -5 Exposure Value (EV), Zone 5 (middle-tones, grays & light shadows) is a 0 EV, and Zone 9 (bright lights/reflections/flashes) is a +4 EV. Obviously, there are EV steps (-4 to -1, and +1 to +3) in between the Zones just listed.<br ><br ><li><b>Where is Your Spot Meter?</b> Most cameras will have
                                <a href="http://www.best-family-photography-tips.com/metering-mode.html">a spot meter</a> in them, which you can select and use. Choose an important (usually the darkest OR lightest) area in your composition, and then you can override the given exposure setting to properly expose the entire photo.
                                <br>
                                <br><li><b>Setting the (Correct) Tone.</b> Since each Zone is one full stop/Exposure Value (EV), then you'll need to take the spot you identified previously in the spot meter and make sure that you adjust your entire exposure to match it. For instance, if you have a group and your spot meter point is someone's white shirt, you'll want to make sure that it's a bright white and not a dingy gray, right?
                                <br>
                                <br>Since the color white is Zone 7, you should set your Exposure Value (EV) at a +2. You can be confident that your photo will have a great exposure - most likely a much better result than if you simply relied on your camera's automatic settings!
                                <br>
                                <br><li><b>Practice Makes Perfect.</b> At first, it may seem awkward and time-consuming to look up the Zones and the EVs, but they are easy to commit to memory. Take a few photos on the automatic setting and compare them to your Zone-adjusted photos - you'll be surprised how easy it is to get great, well-balanced, and properly exposed photos!
                                <br>
                                <br>
                              </ol>
                            <hr>
                            <a name="section4" style="color:#006ED4; font-weight:bold">4. Black & White Photography Tips</a>
                            <br>
                            <br>The elegance and timelessness of black and white photography ensures its continual popularity. Many digital cameras and even cell phone cameras have a black and white setting on them which you can select. More and more people
                              <a href="http://www.best-family-photography-tips.com/black-and-white-photography-tips.html">are becoming interested in black and white photography for many reasons</a>, and here are some tips and tricks to help you get the most out of your photos.
                              <br>
                              <br>
                              <ol> <li><b>Contrast is Key.</b> Since you don't have a wide range of colors to work with, look for darker and lighter shades to contrast. Will your subject get lost in a background with a similar tone? Can you move either the subject or the background to enhance your photograph? Will a contrast lead the eye to your subject?
                                <br>
                                <br><li><b>When is it Best to Shoot?</b> Some black and white photographers like to take pictures on an overcast day as bright sunlight may cause TOO much contrast. Don't worry about that cloudy, yukky day - go out and take some black and white photographs!
                                <br>
                                <br><li><b>What's Your ISO?</b>
                                <a href="http://www.best-family-photography-tips.com/ISO.html">The ISO function</a> in a digital camera establishes the light sensitivity for the camera's image sensor, and this setting is adjustable on most digital cameras. Try to lower your ISO as much as possible to reduce the noise in the black and white photograph.
                                <br>
                                <br><li><b>Remove the Color Later!</b> If your camera doesn't have a black and white setting or if you don't want to use it, you can always take photos in color and then post-process them later on your computer. There are many software programs that will either convert your photo to black and white/grayscale, or remove all color by getting rid of the saturation. You can go color AND black and white!</li>
                              </ol>
                            <hr>
                            <a name="section5" style="color:#006ED4; font-weight:bold">5. Kick Off 2011 With Some Software!</a>
                            <br>
                            <br>Once you have taken some awesome Zone and black and white photos, here are some free software titles that you can use with them:
                              <br>
                              <br>
                              <ul type="disc"> <li>Looking for a new way to organize and present your photos?
                                <a href="http://magix-photo-manager.software.informer.com/"><b>MAGIX Photo Manager 9</b></a> is a powerful, easy-to-use application that allows you to present both photos and video clips on your PC and the Internet. This incredible program also enables you to import enormous amounts of data, optimize it quickly in real time and place it systematically into albums.
                                <br>
                                <br>Logically sort your media by criteria such as date, file type, camera type, theme, rating, or subject's face to make it easy to find them later. Available for Microsoft® Windows® XP™ | Vista™ | 7™. </li>                                                                                                        <li>
                                <a href="http://www.freeflashtoys.com/photo-doll"><b>Photo Doll</b></a> is a free internet site where you can create a customized photo doll of yourself (or a friend/loved one), just like the ones you see on the backs of minivans! Customize skin tone, clothing, and upload photos of anyone for a fun (and oftentimes hilarious!) result.</li>
                              </ul>
                              <br>
                           </td>
                        </tr>
                        <!-- row -->
                        <!-- row -->
                        <tr><td>
                            <table width="650" align="center" bgcolor="#660000" border="0" cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td style="padding: 5px;" valign="top" align="center">
                                    <div style="font-family: verdana; font-size: 13px; font-weight: bold; color: rgb(255, 255, 255);" align="center">
                                      <!--===  Get the Picture?  ===-->
                                      <br>
                                      <A href="http://www.best-family-photography-tips.com/photography-newsletter.html" target="_blank">
                                        <img alt=""  src="http://www.best-family-photography-tips.com/images/E-zine_name.png" border="0"></a>
                                      <br>
                                      <a style="color:white;font-size:80%;text-decoration:none;" href="http://www.best-family-photography-tips.com">&copy; 2011 Best Family Photography Tips</a>
                                      <br>
                                      <br>
                                    </div></td>
                                </tr>
                              </tbody>
                            </table></td>
                        </tr>
                        <!-- row -->
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table></td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Open in new window

0
 

Author Comment

by:photoman11
ID: 34989262
mplungjan,

You definitely condensed it. unfortunately, it looks the same, AFTER RUNNING IT THROUGH THE Mailout Manager. Since your code displays perfectly BEFORE entering it into the Mailout Manager, I'm wondering if there is some kind of conflict between the 2 once they are merged.

After the HTML code is entered for the content, the Mailout Manager processes it so that either an HTML version or a plain text version of the newsletter will go out to each subscriber, depending on their preference. Since I don't know what I am looking at When I look at the code of all this, what I did was copied all the HTML code that resulted after entering your HTML code into and having the Mailout Manager generate the result.

I'm also attaching that here in hopes that something obvious will jump out at you. I really appreciate you looking at this. Thank you so much.

By the way, I also ran through scenarios where I deleted the following tags from the code you supplied me, but that did not change the result:

First: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2nd time: in addition to the first, I deleted the HTML tags
3rd time: in addition to the first 2, I deleted the head tags
4th time: in addition to all the above, I deleted the body tag

received-newsletter.png
Newsletter-after-going-through-M.html
0
Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34989281
Aha I did not expect my html to be modified by some mailer. I'll have a look tomorrow morning i.e. In 8 hour's time
0
 

Author Comment

by:photoman11
ID: 34989341
Aha - you didn't? Sorry about that ... I thought for sure and mentioned it someplace in the post.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34989837
Possibly it did. I'll read the whole thing in a few hours - I hope I feel better then, than I feel now...
0
 

Author Comment

by:photoman11
ID: 34990145
Sorry you don't feel good. It probably has something to do with my code. I know it makes me sick.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34990395
Haha.. No I think I ate something that disagreed with me.

Ok, looking at your Newsletter-after-going-through-M.html
I do see <html>... <body> - they can be removed too I guess...

I also see the newsletter looking completely ok in Firefox and Chrome so I guess I would need to look in IE in Monday

I like this disclaimer: Keep those rules in mind if you see something in the text translation that you do not like. Also keep in mind that not too many people actually see "just text" anymore, so don't waste too much time on this.

Can you send me the newsletter using the newest template without my html/head/body tags to the address in my profile?

Here is what it looks like in Chrome:
 Chrome
0
 

Author Comment

by:photoman11
ID: 34992293
Michel,

Hopefully you received the issue by now. I sent it to the only e-mail address I could find on your profile. Unfortunately, I also tested it sending one to myself and it opens the same way it did the last time I posted a screenshot, so I have no idea what's going on.

The thing is - about viewing it in browsers, is that none of the newsletter recipients view it in browsers. They view it through their e-mail application which in my case is Microsoft Outlook 2007.

I don't know ...
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34992773
I did not receive anything yet...
Outlook 2007 is of course something like IE5...
I see an interesting page here: http://msdn.microsoft.com/en-us/library/aa338201%28v=office.12%29.aspx

Especially http://www.microsoft.com/downloads/en/details.aspx?FamilyId=0B764C08-0F86-431E-8BD5-EF0E9CE26A3A&displaylang=en

I do not have any way whatsoever to install 2007 unless you lend me a laptop ;)
0
 

Author Comment

by:photoman11
ID: 35012257
Michel,

If you haven't received the e-mail yet, I think it might have something to do with the actual address. I don't want to post it here because of spamming possibilities, but

Forgive me but I am not sure what http://www.microsoft.com/downloads/en/details.aspx?FamilyId=0B764C08-0F86-431E-8BD5-EF0E9CE26A3A&displaylang=en is saying.

Is the point that regular HTML will look different in Microsoft Outlook 2007 e-mails than it will on a webpage? Or in a HTML editor? I read the stuff you recommended over twice but it's really like reading a foreign language and I don't understand it.

I tested your HTML code again and sent it to an account I have on Yahoo as well as Microsoft Outlook 2007. The version sent to Yahoo look perfect except for one small color issue (see screenshot). But the version sent to Outlook, still have the major formatting problems, but ... the color issue experienced in Yahoo displayed perfectly in Outlook.

I think if I wasn't insane already, this would help me get there.
newsletter-to-Yahoo.png
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35014505
You can send the mail to photoman@Plungjan.name - the link I gave was supposedly to an outlook validator to be downloaded and run to see if your html was sopported by outlook. Not to worry we will find a solution
0
 

Author Comment

by:photoman11
ID: 35019307
Michel,

I've just sent the newsletter to photoman@Plungjan.name. I'm also enclosing a notepad document that contains the exact code I used for the body of the newsletter that was inserted into the mailout manager. It did not include things such as formatting for the title and miscellaneous things like that, that displays above the content.

Thank you so much.
Newsletter-content.txt
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35019779
Looks great in GMAIL. Can you email me your address or tell me how I can send you one? I cannot reply to the newsletter and I have a hotmail address I want you to try

thanks
0
 

Author Comment

by:photoman11
ID: 35019927
Sure. See attached document.

Regarding an earlier statement,  I am not sure what http://www.microsoft.com/downloads/en/details.aspx?FamilyId=0B764C08-0F86-431E-8BD5-EF0E9CE26A3A&displaylang=en is saying.

Is the point that regular HTML will look different in Microsoft Outlook 2007 e-mails than it will on a webpage? Or in a HTML editor? I read the stuff you recommended over twice but it's really like reading a foreign language and I don't understand it. What does it mean?
newsletter-follow-up.txt
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35021208
Looks absolutely perfect in hotmail, gmail thunderbird mail reader...

So the link I sent you is a link to a microsoft program

Brief Description

The Microsoft Office Outlook 2007 HTML and CSS Validator helps you check for valid/supported HTML before you send HTML-based e-mail.

WordMailSupport.msi provides a Microsoft-compatible version of the Validator Tool for use with Microsoft Office SharePoint Designer 2007, Microsoft Expression Web, and Microsoft Visual Studio 2005.

I can now see why that might be a problem. I assumed when I found the link that it was a stand-alone validator to help you design the pages for outlook

Now I see it might be an add-on to the above mentioned tools (and another one for macromedia) none of which I think you have.

The related links are

1

MSDN Article: Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)

2

MSDN Article: Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2)
which I might have a look at if I get the time
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35021318
I think we need to look at cutting down on the tables

            <table width="650" align="center" bgcolor="#006ed4" border="0" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td style="padding: 1px;">
                    <table width="650" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
                      <!-- row -->
                      <tbody>
                        <tr><td>
                            <table width="650" align="center" border="0" cellpadding="0" cellspacing="0">

nesting them 3 deep looks not right and having the two deeper ones the same width, makes me think we can eliminate the second table
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35021520
woah, read the comments at the bottom http://msdn.microsoft.com/en-us/library/aa338201.aspx
0
 

Author Comment

by:photoman11
ID: 35022901
Holy cow!

So, is Microsoft outlook 2007, not the code?!

From the comments, it seems like there's no way to correct the issue because of Outlook. Therefore, what I think I'll do is simply alert everybody receiving the newsletter that if it looks weird, or if they have Outlook 2007 or 2010, to view it in their browser rather than through Outlook.

Does that make sense to you? There's probably no point in doing any more work on the code, right?
0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 35025038
As I suggested, we can try to minimise the html, e.g. try to make it easier for the converter to convert.

I am willing to give that a try

Alternative (since I do not find the newsletter THAT horrible in the screen shot you gave from outlook) is to add the link ALL newsletters have:
<a href="link to newsletter online">If this newsletter is hard to read or does not load pictures, please read it online</a>
0
 

Author Comment

by:photoman11
ID: 35039519
Michel,

Is not necessary for you to do any more work. I appreciate everything you've done. Since it seems of the problem is with Microsoft outlook, placing your link suggestion hopefully will take care of everything.

I want to express my appreciation again and let you know that I will definitely be contacting you privately for any additional matters.

Take care.
0
 

Author Closing Comment

by:photoman11
ID: 35039522
simply outstanding
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35039559
You are welcome. By the way the html now validates so you COULD contact your mail people and complain
0
 

Author Comment

by:photoman11
ID: 35039834
I thought it was because of problems inherent with Microsoft Outlook, Not the Mailout Manager Process. Am I wrong on that?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35039860
I would think both. But at least they cannot say there are errors in the input html
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Email signatures have numerous marketing benefits. Here are 8 top reasons to turn your email signature into a marketing channel.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now