View Full Version : Background color comes up instead of image

Tiger Woods
02-15-2009, 04:11 AM
My banner heading is made up of a layered .jpeg image from Photoshop. When viewing in DW, I see the image perfectly and everything looks good. When viewing in live view, or previewing in a selected browser, all I see is the background color. I have tried everything to figure this out to no avail.

Code below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wadden Golf Academy Home</title>
<link href="twoColFixRtHdr.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<style type="text/css">

<body class="twoColFixRtHdr">

<div id="container">
<div id="header"> &nbsp;</div>
<div id="sidebar1">
<h3 align="center">Come visit us at Links &amp; Tees!</h3>
<p class="Imagebox"><img src="../linksandteeslogo.jpg" alt="Links and Tees Logo" width="165" height="132" align="middle" /></p>
<p align="justify" id="linksandtees">The Wadden Golf Academy is proud to be associated with the <strong>Links and Tees Golf Facility</strong>, one of the best year-round golf range facilities in the Chicagoland area. Links and Tees is perennially ranked as one of the Top 100 Golf Ranges in America. Located on Addison Road in the heart of Addison, IL., it's a short drive from any of the Western suburbs and just 35 minutes from downtown Chicago. </p>
<p class="Imagebox"><img src="../Golf Range_Top_100 logo.gif" alt="Links and Tees Top 100 Range" width="175" height="151" align="middle" /></p>
<!-- end #sidebar1 --></div>
<div id="mainContent">
<h2 align="left">Detailed Attention to Swing Fundamentals</h2>
<p align="justify" class="twoColFixRtHdr">You won't find any &quot;secret moves&quot; taught at the Wadden Golf Academy. We believe that a golfer's ability to achieve his/her full potential rests upon their ability to integrate and master golf's four essential fundamentals: </p>
<li>The correct grip</li>
<li>A clubshaft that stays &quot;on plane&quot; throughout the swing</li>
<li>The proper rotational movement around the body's core </li>
<li>A balanced and &quot;connected&quot; finish that allows the body's rotational momentum to continue uninterrupted through impact. </li>
<p align="justify">We differentiate ourselves with a strong insistence that our students learn to form a perfect grip. This critical fundamental is often diminished in importance when you hear: &quot;there are three ways to grip the club, choose the one that is most comfortable for you.&quot; We agree with Ben Hogan, who began the opening sentence in his famous book, Five Lessons The Modern Fundamentals of Golf, with the statement:<em> &quot;Good golf begins with a good grip.&quot;</em></p>
<h2>A More Effective Sequence to Teaching the Golf Swing </h2>
<p align="left">Because the move away from the ball is the first thing a golfer does in their swing, it is intuitive to think that the backswing should also form the beginning focus of instruction. Most instructors follow an incremental approach that teaches the swing in sequential phase from the takeaway to the top-of-the-backswing to the follow-through. Our students are taught in the reverse order. First, we show them, without ambiguity, how to form a perfect grip. This facilitates a powerful and effective &quot;hinge&quot; between the left arm and the club. We then proceed with the &quot;end-in-mind,&quot; and teach our students how to make a complete, balanced, and connected finish. This marks an important moment for most beginning golfers. With a good grip and an exact notion of the proper body alignment at finish, our students get off to a faster start hitting the ball straight and solid. The fosters an initial sense of confidence and excitement that they can learn and enjoy this endlessly fascinating game. The final step is to correct remaining problems in the backswing, which are often minimized after a student has mastered the correct grip and follow-through.</p>
<h2 align="left">Integrated Instruction and Clubfitting</h2>
<p align="left">Tired of your clubfitter being indoors without any real idea of the progress you are making with your swing? Tired of your instructor referring you to a clubfitter located far away in a strip mall? Do I need to change my equipment now to keep it from interfering with my new swing changes? Or should I wait to buy new clubs until my swing undergoes its next phase of improvement? These questions are best answered with an integrated approach to teaching and clubfitting. Identifying the right moment to change equipment is an important decision. Getting it wrong can be expensive. Unless you are 5'10&quot;, have a 34&quot; wrist-to-floor measurement and a 100 mph clubhead speed, there will be some aspect of your equipment that will most likely need to be customized to your particular swing and build. We are expert clubfitters with an &quot;open source&quot; approach to clubfitting. Since we have the flexibility to choose among many competing component products, we can help you cost effectively optimize your existing set of equipment, or put you into the highest-end equipment that money can buy. </p>
<h2 align="left">World Class Putting Instruction and Putter Fitting</h2>
<p align="left">Until just a few years ago, putting was considered a black art. You were either a labeled a good putter or terminally diagnosed with the &quot;yips.&quot; Thankfully, some of the most significant strides in golf instruction in recent years have occurred in the area of putting. Putting methods among touring pros are now converging toward a single &quot;correct &quot; stroke. We can show you exactly what the pros are doing to achieve such outstanding results. Confused as to whether to take the putter straight-back-and-straight-through, as putting guru Dave Pelz advocates; or inside-to-square-to-inside, as his peer Stan Utley recommends? We'll show you why each expert is right in their own regard, and how to integrate both of these concepts correctly into your putting stroke. We'll also fit your existing putter in a fashion that gets the shaft swinging on a plane perfectly aligned with your forearms, together with the putterhead sitting perfectly flat on the ground. </p>
<h2 align="left">We Specialize in Teaching Competitive Juniors</h2>
<!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<!-- end #footer --></div>
<!-- end #container --></div>

d a v e
02-15-2009, 06:11 AM
post a link.

check you've uploaded the image and it is linked properly

check the image is RGB (not CMYK)

Tiger Woods
02-15-2009, 06:20 AM
The image is RGB

I don't have a link. I'm in design mode in DW.

Tiger Woods
02-15-2009, 06:21 AM
I have stored the image under my site root /assets/images

d a v e
02-15-2009, 08:02 AM
well upload it and post a link then we can see what's not working ;)

02-16-2009, 12:58 AM
if the banner is in
<div id="header"> &nbsp;</div> you are using it as a back ground inmage?

d a v e
02-16-2009, 03:17 AM
that's why we need a link ;)
oh and can you tell us what browser you're using (version too...)