Header image on newsletter template

Wow! I am stumped by this one. But I am a new user of pages. I am using the newsletter template and trying to remove a blue image that lies behind the newsletter name. I can get rid of the image by selecting and deleting it. But I want to replace it with one of my own images. How do I do that?

Dirt,
Welcome to Apple discussions.
There are 12 different newsletter templates. It's always helpful to tell us which one you're working with, so we don't have to figure it out. Two of them have blue images behind the newsletter name. Flipping a coin, I'll assume you're using the Johnson Family newsletter.
If you click on that background, then the Metrics inspector, you'll see that this image is called spring.tif. All you have to do is delete it, insert one of your own (from iPhoto or copy & paste), resize it, then click on Arrange > Send to Back.
-Dennis

Similar Messages

Can I change header image on one or more pages of a template site?

Hi all,
I have a site I created in D.W CS3. I'm kicking around the idea of adding an affiliate store. I think I might be better served if the store has a different header image than the main site. I can either create a whole new site for the store, or what I'd rather do for now is just make a new page from the main template, and change the header image just for that page to see how it goes. Does anyone know the code I could use to have a page from template override the CSS and use a new header image just for that one page?
The URL is http://isuckatgolf.net if that is needed.
Thanks!
ken

Take images out of the HTML and put them in the background of your #header div with CSS.
#header {
background: url(header1.jpg) no-repeat
width: xxxpx; /**same width as image**/
min-height: xxxpx; /**same height as image**/
Use embedded CSS on child pages requiring a different background.
<style type="text/css">
#header {
background: url(header2.jpg) no-repeat;
</style>
Nancy O.

How to display a blob image in RTF template's Header.

Hi,
I want to display a blob image (logo company) in my RTF template,
my problem is how i can display this image in the template's Header.
I tried this
<?
<fo:instream-foreign-object content-type="image/jpeg" >
<xsl:value-of select=".//LOGO"/>
</fo:instream-foreign-object>
?>
but was unsuccessful
Thanks in advance.

I tried this
<?
<fo:instream-foreign-object content-type="image/jpeg" >
<xsl:value-of select=".//LOGO"/>
</fo:instream-foreign-object>
?>
but was unsuccessful
sure
what is red elements ?
you template can be looks like
..... some data .....
( after all data )
<?template:footer_logo?>
<fo:instream-foreign-object content-type="image/jpeg" ><xsl:value-of select=".//LOGO"/></fo:instream-foreign-object> (as field )
<?end template?>
<?call-template:footer_logo?> ( in header/footer )
some remarks https://oralublog.wordpress.com/2014/10/04/bi-publisher-11g-footers-and-headers-in-rtf-template/

Template header images not visible after upload

Thanks in advance.
Using Dreamweaver CS5 on a Macbook Pro 10.7.5. GoDaddy web host.
DW novice however I am using a book to help me along but am stuck.
Because I am new to this, I am using a VERY simple template.
Link to my site: http://www.lifeafterpharma.biz
I did search this site and others for answers
PROBLEM:
My template looks great when I preview it in all of the browsers but after I upload it, pictures within the body of the site do not appear and NONE of the header images appear.
I have made certain that I uploaded all of the pictures.
It's supposed to look like this:
Original Template:
After my modifications and this is the image I see when I use the DW browser preview --
This is the original template and what the site ACTUALLY looks like in any browser after upload. When I upload my modified website, my newly added pics will appear but none of the template images appear.
Thanks in advance for your help!

Site Defintion:
First things first. You must set up a Site Definition in DW or you're going to have more problems than you can handle.The entire program functions off of the idea of Site Defintions working from a centralized folder...
http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs01-defining-a-new-site/
Once your site definition is created, and all of your files are within the folder it creates, you can use DW to re-link your images. Once everything is re-linked with correct paths, you can upload all of the files to your server. Your .html pages do not "contain" their images, each image also needs to be uploaded to the server itself.
Templates:
In DW, "Templates" are a very specific thing. They have a .dwt file extension and are used to create Child Pages within a Defined Site and have Editable Regions set by you. Everything outside those Editable Regions is identical from page to page, leaving the Editable Region as your area to place content that changes from page to page. To me, it sounds like you are just using a pre-made layout vs an actual DW Template .dwt file. I just wanted to make sure that was the case, because some weird things can happen if you don't use a .dwt correctly.

How to edit red background color of Informal Newsletter templates in pages

How do I edit the color of the red background in the Informal Newsletter template? I've been able to edit sections within but the background red section appears to remain locked. Any help is much appreciated!

You are in Pages '09, always useful to know.
Click on the red background > Menu > Arrange > Unlock
It is an image fill, you will have to replace the image with something else.
Peter

Adding bg image to Dw template

I am using the 2 column right sidebar with header and footer
Dw template which comes with a 250px right margin in the main
content left column div to prevent margin collapse. When I assign a
bg image to the div it gets cut off, even if I subtract for the
margin. How does one deal with the uncertainty inherent in such a
layout?

Background images are not affected by container margins.
If the background image is being 'cut off' it means your
container does not
have the dimensions you think it does. Try giving it a border
to see what's
happening.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Paevo Kelley" <[email protected]> wrote in
message
news:fltvus$h8p$[email protected]..
>I am using the 2 column right sidebar with header and
footer Dw template
>which
> comes with a 250px right margin in the main content left
column div to
> prevent
> margin collapse. When I assign a bg image to the div it
gets cut off, even
> if I
> subtract for the margin. How does one deal with the
uncertainty inherent
> in
> such a layout?
>

Header image overlapping menu div tag...

Hi,
I have decided to play some more with Dreamwaver, and started to build a website in it. So far everything went smooth, but I have to place the menu buttons over the header image (which is the background for my buttons in the same time) and noticed that the same header image is overlapping the menu buttons, but only in the editor mode, when I test the website inside my browser the buttons are visible and are ok.
I have tried to set both in positioning to Absolute, and set the z-index...but in the editor mode the header still overlaps the menu buttons.
Here is the source code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>InfoSpot</title>
<link href="css/template.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="wrapper">

<div id="header"><img src="images/logo.png" alt="logo" name="logo" width="783" height="167" id="logo" /></div>

<div id="homeBtn">Home</div>

<div id="mainContent">
<p>Lorem ipsum dolor </p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum.</div>
</div>
</body>
</html>
And the css:
@charset "utf-8";
body {
margin: 0px;
padding: 0px;
background-image: url(../images/bg.png);
#wrapper {
width:900px;
height:800px;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
#header {
width:800px;
height:167px;
font-size: 2em;
color:#900;
padding:0em;
margin-left:100px;
float:left;
#homeBtn {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#5a5959;
width:70px;
height:30px;
float:left;
margin-top:-10px;
margin-left:370px;
padding: 3px;
text-align: left;
#mainContent {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height:1.6em;
color: #5a5959;
border:;
margin-top: 70px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 355px;
width: 450px;
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: left;
#mainContent p {
font-family: "Arial", Times, serif;
font-weight:bold;
font-size: 1.6em;
color: #5a5959;
.imagesLeft {
padding: 3px;
clear: left;
float: left;
margin-top: 3px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 5px;
border: 1px solid #CCC;
REGARDS!
vedtam

Hi, and thanks for your response. I did as you said, but the header still overlaps the menu button ( se the attached images).
#header {
width:800px;
height:167px;
font-size: 2em;
color:#900;
padding:0em;
margin-left:100px;
float:left;
background-image: url(../images/logo.png);
Regards
Editor:

Uploading newsletter templates built in dreamweaver to BC

I have created a newsletter template with my customers brand colours & graphics using dreamweaver. I would like to load this template into business catalyst (they have their own BC account). Where should we save the template links/images?

Best one I've found... of the few... is at: http://tv.adobe.com/watch/muse-feature-tour/muse-advanced-cms-integration/
And it isn't marked with the little muse or bc icons so it is really hard to find.
Obscure... How do I make a copy of it before it is taken down or how can I get one is what I'd like to know.
And does anyone know of any others?
I noticed another with the same title that is no where near as good.

Header image

all i want to do is replace the header with an image of my own...how to i do this while still keeping the nav menu?
also where are the page background images stored?.....id like to use backgrounds and images from other i web templates and i want to browse to find them.....thanks!

yes, again i understand what you mean by dropping the image i want overtop of the header itself but im working with a template (Italian Tile) buy 11mystics......
what i needed to do was publish to a folder then upload to my server.....once uploaded there i see in the files folder things like "navbar_background.png", navbar_separator.png, and then in another folder is pagetop.png .....once i removed these frm the folder then my header image and nav images disapeared and the menu was still there......
now how do i edit these image files within i web.....they arent clickable in iweb like other images

How to upload newsletter templates to website?

I cannot figure out how to add newsletter templates to my website. I can download to file on my computer but cannot upload it to website and don't know where I should go to even upload it. Any ideas or tips?

You can use a Blank Newsletter template and then edit the HTML code and Paste your own code in the HTML view of the Newsletter Template and Upload all the associated file like CSS and Images.
If you are a Partner user, you can upload the Newsletter template from the partner portal -> Tools-> Newsletter Template
Hope this Helps.
Regards

Wordpress Header Image

Trying to edit wordpress theme with Dreamwaver. Have setup all according to tutorials and everything works; however, the header image appears in a box with a question mark in it. I've rechecked the code according to the tutorial and cannot figure out the problem

<?php
* Front to the WordPress application. This file doesn't do anything, but loads
* wp-blog-header.php which does and tells WordPress to load the theme.
* @package WordPress
* Tells WordPress to load the WordPress theme and output it.
* @var bool
define('WP_USE_THEMES', true);
/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php');
and here is the header.php code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
<?php wp_title('-',true,'right'); ?>
<?php bloginfo('name'); ?>
</title>
<link rel="Shortcut Icon" href="<?php echo bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div class="bannerArea">
<div class="container">
    <div class="bannernav"><a href="#" >Privacy Policy</a> • <a href="#" >Contact Us</a> • <a href="#" >Site Map</a></div>
    
    <a href="<?php echo get_option('home');?>">
    <img src="images/blog_head.png" width="300" height="83" alt="company blog" border="0" /></a>"    
    <div style="clear:both;"></div>
</div>
</div>

<div class="topnavigationArea">
<div class="container">
    <div class="topnavigationgroup">
      navigation goes here
    </div>
    <div style="clear:both;"></div>
</div>
</div>

Display of image in rtf template

Hi,
I have a tag in my xml file like
<ImageDistributeur>IMAGE:D:\EXPLOIT_UNPMF\Edition\Image\L29004G.tif</ImageDistributeur>
and the image is stored in the particular location specified inside the tag.
The xml file doesnt contain the image...
My question is how can i use the tag and get the image in the template.
I dont want to embed the image directly into the template as it is a dynamic logo...
so i have to use the xml tag.
but if use the above <ImageDistributeur> tag... its obvious that the text inside the tag only will be printed...
Is there any other way to get the image from the path specified ..if so please guide me in this issue.

Hi,
have a look at Tims Blog: http://blogs.oracle.com/xmlpublisher/2006/05/02#a25
Regards
Rainer

Report header issue in .RTF Template

Hi,
I have designed a .RTF Template, I need to display a Parameter in the header part of the template, If the Parameter doesn't contain values then I do not want to show them, Can I have If and End if condition in the header part, I believe I cannot use Field in the header part.
How do I achieve it, If you need the .RTF template i can upload.
Regards,
Ashoka BL

Hi,
Declare the parameter with the syntax <?param@begin:AAAA?>
And in the header use <?$AAAA?> if AAAA is the name of your parameter. If theres no value, it will automatically not display since the value is blank, No need of an if wrapper.
-Domnic

Dynamic image in the template builder plug-in does not work

Hi all,
The documentation says:
Direct Insertion
Insert the jpg, gif, or png image directly in your template.
+...This works obviously+
URL Reference
1. Insert a dummy image in your template.
2. In Microsoft Word's Format Picture dialog box select the Web tab. Enter the following syntax in the Alternative text region to reference the image URL:
url:{'http://image location'}
For example, enter: url:{'http://www.oracle.com/images/ora_log.gif'}
+...This works too when I hardcode an url as url:{'http://www.google.com.tr/images/firefox/mobiledownload.png'}+
Element Reference from XML File
1. Insert a dummy image in your template.
2. In Microsoft Word's Format Picture dialog box select the Web tab. Enter the following syntax in the Alternative text region to reference the image URL:
url:{IMAGE_LOCATION}
where IMAGE_LOCATION is an element from your XML file that holds the full URL to the image.
+...This, however, does not work.+
I use Apex' report query tool and My query is like
select 'http://www.google.com.tr/images/firefox/mobiledownload.png' IMAGE_LOCATION from ... (a single result set for my template)
the xml data is generated with an IMAGE_LOCATION tag. I load it to word template plug-in. The Url successfully displays in the report if I make it a plain-simple field.
But when it's in the image format->web->alt text as url:{IMAGE_LOCATION} no image displayed.
I need to keep this design procedure simple so a simple word user could design a report via using just template builder plug-in. I don't wish to explore the xsl-fo area...yet.
Could you tell me why I can't get this url:{IMAGE_LOCATION} to work?
Regards
PS: My BI version: 10.1.3.4.1
Edited by: oeren on Jun 8, 2011 12:28 AM

Oeren,
I stumbled across this little tidbit buried in the BI Publisher forum: Dynamic Images in rtf
Glad you are up and running!
Joshua

I am having trouble with the position of my header image across browsers. white space above it in safari, pc, and crome then all to the right in firefox.

nydogworks.net
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>NYDogWorks Long Island Dog Training and Behavior</title>
<meta name="description" content="Serving all of Long Island, Nassau & Suffolk. NYDogWorks specializes in dog training, dog behavior, and puppy training.">
<meta name="keywords" content="dog training, long island dog training, dog trainer, long island dog obedience, puppy training classes">
<link href="css/mainstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />


<link href="css/overlay-apple.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.tools.min.js"></script>
<style>
div.apple_overlay h2 {
margin:10px 0 -9px 0;
color:#222;
font-weight:bold;
font-size:14px;
div.black h2 {
color:#222;
#apple {
margin-top:10px;
float: left;
width: 250px;
padding-right: 10px;
#apple img {
background-color:#fff;
padding:2px;
border:1px solid #ccc;
margin:2px 5px;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
body {
margin-right: auto;
margin-left: auto;
</style>
    <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script><script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26177215-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/nydogworks-logo-hover.png','images/training-services-on. jpg','images/behavior-therapy-on.jpg','images/off-leash-training-on.jpg')">
<div id="wrapper"> <div id="header">
<div id="logoBox"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/nydogworks-logo-hover.png',1)"><img src="images/nydogworks-logo.png" alt="NY Dogworks" name="Image3" width="280" height="200" border="0" id="Image3" /></a></div>
<div id="slogan">Serving All of Long Island, Nassau & Suffolk Counties<br />
Also serving Manhattan, Brooklyn & Queens
</div><div id="emailBox">
    <h2><img src="images/calltogetstarted.png" width="473" height="74" alt="Call to get started" /></h2>
    </div><div id="mainNav">
<ul class="dropdown dropdown-horizontal" id="nav" name="nav">
<li><a href="about-ny-dog-works.html">About Us</a></li>
<li><a href="long-island-dog-training-programs.html" class="dir">Training Programs</a>
   <ul>
            <li><a href="basic-obedience.html">In Home Dog Training</a></li>
            <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
            <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
            <li><a href="off-leash-training.html">Off Leash Training</a></li>
            <li><a href="puppy-training-program.html">Puppy Training</a></li>
</ul>
</li>
    <li><a href="dog-trainer-testimonials.html" class="dir">Testimonials</a></li>
<li><a href="contact-long-island-dog-trainer.html" class="dir">Contact Us</a></li>
</ul>
</div>
</div>
<div id="container">
<div id="imgholder"><a href="long-island-dog-training-programs.html"><img src="images/main-header.jpg" alt="private dog training long island new york" width="951" height="416" border="0" /></a>
<div id="program1"><a href="long-island-dog-training-programs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/training-services-on.jpg',1)"><img src="images/training-services.jpg" alt="dog training services" name="Image6" width="315" height="137" border="0" id="Image6" /></a></div>
<div id="program1"><a href="board-and-train-dog-program.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/boarding_training-on.jpg',1)"><img src="images/Boarding_training.jpg" alt="board and train dog program" name="Image5" width="315" height="137" border="0" id="Image5" /></a></div>
<div id="program1"><a href="dog-behavior-therapy.html" onmouseout="MM_swapImgRestore()" onmouseover=
"MM_swapImage('Image7','','images/Behavior_therapy2-on.jpg',1)"><img src="images/Behavior_therapy2.jpg" alt="behavior therapy" name="Image7" width="311" height="137" id="Image7" border="0" align="right" /></a></div>
</div>
<div id="pageContentNoside">
   <div id="sideSub">
     <h2>Dog Training Services<br />
       </h2>
     <ul id="subnav">
       <li><a href="basic-obedience.html">Basic Obedience</a></li>
       <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
       <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
       <li><a href="off-leash-training.html">Off Leash Training</a></li>
       <li><a href="puppy-training-program.html">Puppy Training</a></li>
       </ul>
     <br />
     <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F NYDogWorks%2F219268038151244%3Ffref%3Dts&width=248&height=558&show_faces=true& amp;colorscheme=light&stream=true&border_color=%23FFFFFF&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:558px;" allowTransparency="true"></iframe>
     <p><br />
       </p>
     <p> </p>
     <p><img src="images/4449da18fc3aa2f249d17dc90ebd5531.jpg" width="145" height="136" /><br />
     </p>
     </div>
   <div id="mainContentFeature1">
     <h2>Welcome To NY Dogworks</h2>
     <p><img src="images/dog-breaking-through.jpg" alt="new york dog trainer" width="136" height="170" class="h_img_float_right" />Our private one on one training lessons are done at your home by a Professional Certified Trainer and Behavior Expert. The lessons are tailored to fit what you would like done with your puppy or adult dog. <br />
       <br />
       We use a humane, positive and scientifically sound approach that makes it easy for you and your dog to succeed. Our instructions are broken down into simple steps so that everyone can take part in the training and be able to practice as a family. <br />
       <br />
       <span class="employeeName">Call Today for a Free Consultation!!      </span></p>
     <p>Do not have the time or patients to do the Training? Well then NY DogWorks has the answer.. We now do <a href="board-and-train-dog-program.html">Board and Train Programs</a> at our lovely facility in the home of Owner & Trainer Brian DeMartino. It is a 2 to 6 week program that is 100% guaranteed. Your dog will stay with us for no additional fee if we feel that he or she is not ready to graduate. This program can be for Puppy Training, Housebreaking, Socialization / Obedience & Manners / Behavior problems such as Aggression, Anxiety, or Fears / Advanced Off Leash Training / Personal Protection and much more..</p>
     <p>We also <a href="board-and-train-dog-program.html">board dogs</a> at our facility if you are going away and want your family pet to be cared for 24/7 as if he or she was one of our own. Plenty of playtime, walks, individual attention, grooming if needed, comfortable sleeping areas with their own bed, and lots and lots of love.. </p>
     <p>Let us help you have the relationship that you and your dog deserve.. <br />
       <br />
       <strong>We are now accepting</strong><br />
       <img src="images/creditcards.jpg" width="228" height="43" alt="now accepting credit cards" /><br />
       <br />
       <br />
       </p>
     <p><br />
       </p>
     <p><br />
       <br />
      </div>
   <div id="mainContentFeature2">
     <form action="form.php" method="post" name="form2" id="form2"> <table width="279" border="0" cellpadding="2" cellspacing="2">
       <tr>
         <td width="273"><h2>Quick Contact</h2></td>
         </tr>
       <tr>
         <td class="mainContent">Your Name</td>
         </tr>
       <tr>
         <td><span class="style9">
           <input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Your Email Address* (required)</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Phone Number</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="phone" type="text" class="colorfieldssmall" id="phone" />
           </span></td>
         </tr>
       <tr>
         <td><span class="mainContent">Type of Dog Training</span></td>
         </tr>
       <tr>
         <td class="mainContent"><span class="style9">
           <select name="need" class="colorfieldssmall" id="need">
             <option value="select one">select one</option>
             <option value="Basic Obedience">Basic Obedience</option>
             <option value="Behavior Therapy">Behavior Therapy</option>
             <option value="Board and Train">Board and Train</option>
             <option value="Off Leash Training">Off Leash Training</option>
             <option value="Puppy Training">Puppy Training</option>
             </select>
           </span></td>
         </tr>
       <tr>
         <td><span class="mainContent">Comments</span></td>
         </tr>
       <tr>
         <td><textarea name="comments" id="comments" cols="24" rows="8"></textarea></td>
         </tr>
       <tr>
         <td><div align="left">
           <input type="submit" name="submit" id="submit" value="Submit" />
           </div>
           </td>
         </tr>
       </table></form>
     <h2><br />
       We are available in the following areas:</h2>
     <p>Long Island, Nassau county, Suffolk county, Manhattan, Brooklyn, Bronx, & Queens.</p>
     <p>**We have pick up and drop off services for your pet for the boarding and boarding and training programs. <br />
       </p>
     <h2>Dog Training Testimonials<br />
       </h2>
     <p>Sending Otis to Brian for the board and train program was the best decision I ever made. After being told Otis could not be helped and that he should be put down, I was devastated. Otis has now been back from Brian's program for a few weeks and is extremely obedient and friendly. He is the same puppy we brought home a couple years ago, but calmer and without any aggression. We work on Otis' obedience daily as well as walk him and put him on the treadmill.   Thanks to Brian, our dog is happy-go-lucky and more approachable. The list goes on and on of how Brian has helped the family, myself, and especially Otis. If you are having issues with your dog, especially behavior and aggression problems, my advice to you is to trust Brian. Your dog will be in good hands with a safe, reliable, responsible, dog lover that will treat your dog like his own.<br />
       <span class="testimonalName"><strong><br />
         Victoria Zilli<br />
         </strong></span><span class="mainContent">Long Island, New York</span><br />
       <br />
       <a href="dog-trainer-testimonials.html">Read more dog training testimonals</a><br />
       <br />
       <br />
      <br /></div>
   <div id="breadCrumbs">
     <p><a href="index.html">Home</a> > Welcome to NY DogWorks New York's Premier Dog Training Company<br />
       <strong>Serving all of Long Island, Nassau & Suffolk County, Manhattan, Brooklyn & Queens</strong>        <br />
       </p>
     </div>
</div>
    <div id="footer">
      <div id="footermenu">
      <div id="footermenu1">
      </div>
    </div>
   <div class="phoneNumber" id="copyright"> Copyright © 2014 NY DogWorks</div>
     <div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a>     </div>
</div>
</div>
</div>
</body>
</html>

The issue with that white space is explained by the use of relative positioning of your menu. Remember that relative positioning visually allows you to move an element, but that its "shadow" or "foot print" is retained in the document flow. So it still takes up space where it originally flowed in your content, and this causes the header image to position itself the way it does. Turn off the relative positioning of the menu to see what I mean. A simple solution is to set the #header to relative positioning, and then apply absolute positioning to the menu.
There are other issues with your code. Much of it can be simplified, and you should really stop using ID selectors from this point on, and predominantly use classes instead. The use of ID selectors ought to be limited as much as you can - they force you to write bloated convoluted code.
Try to write DryCSS (Don't Repeat Yourself).
Here is my somewhat cleaned up code. Notice I removed and simplified most of the css selectors. Some have no css properties at all anymore. And be careful that you cannot use re-use the same id selector in your html code: it will not validate. #program1 must become .program1
PS as always, please backup your files before applying these changes! Dreamweaver lacks a history/versioning feature!
*, *:before, *:after {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
body {
    margin: 0 auto;
    background-color: #203610;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    font-size: 100%;
    color: #333;
#wrapper {
background: url("../images/wrapbg.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
margin: 0 auto;
width: 951px;
#header {
position: relative;
#mainNav {
background: url("../images/menubg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
padding: 0 15px 0 25px;
position: absolute;
right: 0;
width: 510px;
.dropdown li { /* simplify .dropdown li !*/
float: left;
line-height: 2.2em;
.dropdown a { /* simplify ul.dropdown li a !*/
display: block;
font-weight: bold;
padding: 7px 12px;
#container {
background-color: #fff;
border-top: 6px solid #6f9f49;
#imgholder {
.program1 { /* you CANNOT have multiple id selectors sharing the same name! Use classes!!! */
float: left;
width: 315px;
rewrite this in your html:
<div class="pageContentNoside">
    <div class="col-1-3 sideSub">
    <div class="col-1-3 mainContentFeature1">
    <div class="col-1-3 mainContentFeature2">
    <div class="breadCrumbs">
</div>
.col-1-3 {
float: left;
width: 33.3333%;
padding: 25px 15px;
#sideSub {
#mainContentFeature1 {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
#mainContentFeature2 {
#footer {
clear: both;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
font-size: 0.7em;
height: 45px;

Header image on newsletter template

Similar Messages

Maybe you are looking for