Dreamweaver - Header not showing up in design view?

Hi,

I have a web page created in Dreamweaver CS4. I have an image header that I have made work through CSS.

The header looks great in the browser and in live view.

Can't see it at all in Dreamweaver design view.

I want to make a hot spot, but can't when I can't see it.

I'm sure there is a super easy solution...sorry, but I have been trying to figure it out for days.

Here is the code if that helps.

<!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" />
<link rel="shortcut icon" href="/favicon.ico">
<title>Sweet Little Pig Design - Full Service Web and Print Design</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="../main.css" rel="stylesheet" type="text/css" />
<div id="header">
<div id="in_header"><img src="images/clear_head.png" border=0 />
</div>

</div>
</head>

<body>

<div id="container">
<div id="in_container">

<div id="nav">
<ul id="navbar">
	<li> <a href="print.html"> Print </a></li>
    <li> <a href="web.html"> Web </a></li>
    <li> <a href="photo.html"> Photography </a></li>
    <li><a href="stuff.html"> Other stuff </a> </li></ul>
</div>
<div id="flash_content">Here is where I put the slide show</div></div>
<div id="footer"><b>Sweet Little Pig Designs
p: (206) 227-3380 
<a href="mailto:info@mywebsite.com">info@mywebsite.com</a></b>

</div>
</div>



</body>
</html>

Thanks for reading.

Littlemt

littlemt

Newbie Poster

10 posts since Jul 2010

Reputation Points: 10

Solved Threads: 0

1 Year Ago

0

Hi, I think there is a setting in Dreamweaver you must set to view external images in design view, something like: VIEW | Display External Files?

Hope this helps!

Kraai

Senior Poster

3,981 posts since Feb 2008

Reputation Points: 76

Solved Threads: 87

1 Year Ago

0

Hi Kraai,

Thanks so much for your help. I tried your suggestion of selecting/deselecting of the "display external file" option. It didn't work. Nothing seemed to happen.

Any other suggestions anyone?

Littlemt

littlemt

Newbie Poster

10 posts since Jul 2010

Reputation Points: 10

Solved Threads: 0

1 Year Ago

Show Comments

2

I may be off base on this. I am still new to DW and css, but this is what I see.

The head area is used by the browser. Your "header" needs to appear within the body tags. Something like this...

...
</style>
</head>

<body>
<div id="container">
  <div id="header"><!-- beginheader name="header"--><img src="../assets/free.jpg" width="960" height="147" alt="free_in_brampton_banner" /><!-- "endheader name="header--></div>
  <div id="menu_sidebar"><ul>
...

This is a small snippit of code, I hope it is easy to understand.
I am not sure if this is the correct method, (I invite a more experienced coder to comment),but it does work for me.

chrisbrandon

Newbie Poster

13 posts since Sep 2007

Reputation Points: 14

Solved Threads: 2

1 Year Ago

0

AH HA!! Thanks so much chrisbrandon. That fixed the problem.

Thanks so much!

Littlemt

littlemt

Newbie Poster

10 posts since Jul 2010

Reputation Points: 10

Solved Threads: 0

1 Year Ago

0

Thank you for letting me know. As stated, I am still learning. We newbies need to help each other. I find helping others solve problems helps me perfect the craft.

chrisbrandon

Newbie Poster

13 posts since Sep 2007

Reputation Points: 14

Solved Threads: 2

1 Year Ago

0

I agree chirsbrandon! Thanks again for your help. I was stuck on that for days :)

littlemt

Newbie Poster

10 posts since Jul 2010

Reputation Points: 10

Solved Threads: 0

1 Year Ago

0

i also agree with litt

Rosa2303

Newbie Poster

7 posts since Nov 2010

Reputation Points: 10

Solved Threads: 0

1 Year Ago

0

In Dreamweaver Go to View, Style Rendering and select Display Styles, then you can see preview of your page in design view

smrprojects

Newbie Poster

2 posts since Mar 2011

Reputation Points: 10

Solved Threads: 0

1 Year Ago

0

I also agree with you ....chrisbrandon...... you take a good sugg.

edith135

Light Poster

44 posts since Mar 2011

Reputation Points: 10

Solved Threads: 1

1 Year Ago

0

Ya Chris is right header div needs to be out of head and between body..:), sorry didn't check the html code earlier, so posted different solution earlier..

In Dreamweaver Go to View, Style Rendering and select Display Styles, then you can see preview of your page in design view

smrprojects

Newbie Poster

2 posts since Mar 2011

Reputation Points: 10

Solved Threads: 0

Dreamweaver - Header not showing up in design view?

This question has already been solved