close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Page blank after placing menu

Thread began 1/24/2010 8:25 pm by Russell Collins | Last modified 1/25/2010 5:43 pm by Russell Collins | 919 views | 7 replies |

Russell CollinsBeta Tester

Page blank after placing menu

Hi,
I have just placed a CSS menu in a page and it now displays completely blank, showing only white.

Any ideas ?

I have the code below.

Regards

Russell

<style type="text/css" media="all">
<!--
@import url("CSSMenuWriter/cssmw0/menu.css");
-->
</style>
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import url("CSSMenuWriter/cssmw0/menu_ie.css");
</style>

<![endif]-->
<script type="text/javascript" src="CSSMenuWriter/cssmw0/menu.js"></script>
<!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>Untitled Document</title><style type="text/css">

<!--

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-size: 100%;

}

#outerWrapper {
margin: 0px auto;
width: 1280px;
height: auto;
}
#header {
background: url(images/header.jpg) no-repeat;
height: 175px;
width: 100%;
}
#menu {
position: absolute;
left: 165px;
height: 31
.px;
width: 973px;
top: 140px;
height: 30px;
visibility: visible;
z-index: 10;
}
#contentWrapper {
background: url(images/faux_colum.jpg) repeat-y;
height: auto;
width: 1280px;
margin-left: 0px;
overflow: hidden;
}
#content {
height: auto;
width: 979px;
margin-left: 152px;
}
#footerWrapper {
background: url(images/Footer.jpg);
height: 377px;
width: 1280px;
overflow: hidden;
position: relative;
}
#footer1 {
background: url(images/grand.gif) no-repeat;
height: 130px;
width: 296px;
padding-top: 140px;
position: absolute;
left: 151px;
top: 70px;
padding-left: 20px;
padding-right: 10px;
}
#footer2 {
background: url(images/phil.gif) no-repeat;
height: 120px;
width: 302px;
padding-top: 140px;
position: absolute;
left: 477px;
top: 70px;
padding-left: 20px;
padding-right: 4px;
}
#footer3 {
background: url(images/map.gif) no-repeat;
height: 120px;
margin-left: 0px;
padding-top: 140px;
margin-top: 0px;
position: absolute;
left: 805px;
width: 301px;
top: 70px;
padding-left: 20px;
padding-right: 5px;
}
.footer_text {
font: 9px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
#footer4 {
height: 10px;
width: 979px;
position: absolute;
bottom: 3px;
left: 152px;
}
body {
background: #666;
}
p {
font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #333;
}
h2 {
font: bolder 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #666;
}
img {
border-style: none;
}
</style>



<body>
<div id="outerWrapper">
<div id="header"></div>
<div id="menu">
<?php require_once("CSSMenuWriter/cssmw0/menu.php"); ?>
</div>
<div id="contentWrapper">
<div id="content">content goes here</div>
</div>
<div id="footerWrapper">
<div id="footer1">
<p>Arriving soon! A stunning Yamaha C3 grand.<br />
Prepared to our gold standard this piano will please the discerning pianist...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="new" /></a></p>
</div>
<div id="footer2">
<p>With 4 piano technicians in our family
and more than 68 years in the piano trade we offer a family tradition of professional services...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="about" /></a></p>
</div>
<div id="footer3">
<p>We have a network of A.P.P.T.A. certified piano technicians available Australia wide to keep your piano in top performing condition...<br />
<br />
<a href="#"><img src="images/button.gif" width="159" height="46" alt="tuner" /></a></p>
</div>
<div class="footer_text" id="footer4">©2010 Concerto Pty Ltd | <a href="#">Terms & Conditions</a> | <a href="#">Site by Arare Websystems</a></div>
</div>
</div>
</body>

Sign in to reply to this post

anonymous

Russell,

I'm not sure how it happened, but you have all your script code above the Doctype declaration.

The only thing that can ever be above the Doctype Declaration and the opening HTML tag is Server Side Language Programming such as PHP because it executes before the page loads.

In this case, these are items that need to be displayed on the page. Your script code should be placed within the HEAD tags on your page like this:


php:
<!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>Untitled Document</title>
<style type="text/css" media="all">
 <!--
 @import url("plugins/CSSMenuWriter/cssmw0/menu.css");
 -->
 </style>
 <!--[if lte IE 6]>
 <style type="text/css" media="all">
 @import url("plugins/CSSMenuWriter/cssmw0/menu_ie.css");
 </style>
 
 <![endif]-->
 <script type="text/javascript"  src="CSSMenuWriter/cssmw0/menu.js"></script>
<style type="text/css">

<!--

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

}

#outerWrapper {
    margin: 0px auto;
    width: 1280px;
    height: auto;
}
#header {
    background: url(images/header.jpg) no-repeat;
    height: 175px;
    width: 100%;
}
#menu {
    position: absolute;
    left: 165px;
    height: 31
.px;
    width: 973px;
    top: 140px;
    height: 30px;
    visibility: visible;
    z-index: 10;
}
#contentWrapper {
    background: url(images/faux_colum.jpg) repeat-y;
    height: auto;
    width: 1280px;
    margin-left: 0px;
    overflow: hidden;
}
#content {
    height: auto;
    width: 979px;
    margin-left: 152px;
}
#footerWrapper {
    background: url(images/Footer.jpg);
    height: 377px;
    width: 1280px;
    overflow: hidden;
    position: relative;
}
#footer1 {
    background: url(images/grand.gif) no-repeat;
    height: 130px;
    width: 296px;
    padding-top: 140px;
    position: absolute;
    left: 151px;
    top: 70px;
    padding-left: 20px;
    padding-right: 10px;
}
#footer2 {
    background: url(images/phil.gif) no-repeat;
    height: 120px;
    width: 302px;
    padding-top: 140px;
    position: absolute;
    left: 477px;
    top: 70px;
    padding-left: 20px;
    padding-right: 4px;
}
#footer3 {
    background: url(images/map.gif) no-repeat;
    height: 120px;
    margin-left: 0px;
    padding-top: 140px;
    margin-top: 0px;
    position: absolute;
    left: 805px;
    width: 301px;
    top: 70px;
    padding-left: 20px;
    padding-right: 5px;
}
.footer_text {
    font: 9px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}
#footer4 {
    height: 10px;
    width: 979px;
    position: absolute;
    bottom: 3px;
    left: 152px;
}
body {
    background: #666;
}
p {
    font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #333;
}
h2 {
    font: bolder 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #666;
}
img {
    border-style: none;
}
</style>



<body>
<div id="outerWrapper">
  <div id="header"></div>
  <div id="menu">
    <?php require_once("CSSMenuWriter/cssmw0/menu.php"); ?>
  </div>
  <div id="contentWrapper">
    <div id="content">content goes here</div>
  </div>
  <div id="footerWrapper">
    <div id="footer1">
      <p>Arriving soon! A stunning Yamaha C3 grand.<br />
        Prepared to our gold standard this piano will please the discerning pianist...<br />
        <br />
        <a href="#"><img  src="images/button.gif" width="159" height="46" alt="new" /></a></p>
    </div>
    <div id="footer2">
      <p>With 4 piano technicians in our family
        and more than 68 years in the piano trade we offer a family tradition of professional services...<br />
        <br />
        <a href="#"><img  src="images/button.gif" width="159" height="46" alt="about" /></a></p>
    </div>
    <div id="footer3">
<p>We have a network of A.P.P.T.A. certified piano technicians available Australia wide to keep your piano in top performing condition...<br />
        <br />
      <a href="#"><img  src="images/button.gif" width="159" height="46" alt="tuner" /></a></p>
</div>
<div class="footer_text" id="footer4">©2010 Concerto Pty Ltd | <a href="#">Terms & Conditions</a> | <a href="#">Site by Arare Websystems</a></div>
  </div>
</div>
</body>




Also, make sure there is no white space above your page declaration.


Regards,

Brian

Sign in to reply to this post

Russell CollinsBeta Tester

Thanks

Thanks very much for the fast reply Brian.

Regards
Russell

Sign in to reply to this post

Russell CollinsBeta Tester

Weird behaviour

Hi,
Every time I edit the menu it keeps placing the following code on the first line.

<script type="text/javascript" src="CSSMenuWriter/cssmw1/menu.js"></script>

After that the page goes blank, When I remove this code it all works, but if I paste it in the head It goes back to blank.

Do I need this code in the page?

Any ideas ?

Regards

Russell

Sign in to reply to this post

anonymous

Russell,

I am wondering if there is something corrupt with your page. I have never had CSS Menu Writer place the script code anywhere outside of the head tag where it is supposed to go.

You may want to try adding a menu to a new page just to make sure there is not something corrupt with the extension itself.

Best regards,

Brian

Sign in to reply to this post

neilo

Hi Russell,

This happens with adding CSSMenu Writer if you haven't put a closing </head> tag in your page.

Sign in to reply to this post

anonymous

Neilo,

Good catch... I didn't even check for a closing head tag.

Sign in to reply to this post

Russell CollinsBeta Tester

Problem solved

Thanks Neilo,

I must have accidentally deleted it at some stage.

Regards

Russ

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...