Participant

Answered

Preview in Browser Doesn't Show Content?

Forum|Forum|8 years ago
May 5, 2017
2 replies
648 views

I have designed and produced a 15-page website - all pages but one (the homepage) using the same template. I'm not sure when, but partway through creating the site, something went wrong - when I press the "Preview/Debug in Browser" button on any page except the homepage, the page that comes up has no content on it. However, the blank page isn't completely empty as it does show the background colour that I set in the Page Properties and the scrollbar, which I also customised the colour of. I tested this aspect of the problem by changing the background colour of the template and then previewing one of the pages: the background colour change did show on the in-browser page.

I am a complete beginner - this is my first experience with Dreamweaver as I have to use it for my ICT coursework. I am working with Macromedia Dreamweaver 8, and I'm not using any server technology for this site (as instructed by my teacher). Please advise

preview

This topic has been closed for replies.

Correct answer osgood_

cryopnea wrote
I replied to Jon Fritz II with the code

I see content if I view in DW CS4 which is a later version than DW 8 so your version should be showing you content.

What I can see in your code is a comment tag  before the end of the closing </style> tag. The closing comment tag is mixed in with your css selectors (see below) it should NOT be there.

-->

html {

scrollbar-highlight-color:#fd6b44;

scrollbar-shadow-color:#e54318;

scrollbar-track-color:#efefef;

scrollbar-face-color:#fc4a1a;

scrollbar-arrow-color:#fc4a1a;

scrollbar-darkshadow-color:#e54318;

scrollbar-3dlight-color:#fd9876;

scrollbar-width:5px;}

.block_on {

display:block;

visibility:visible;

}

.block_off {

display:none;

visibility:hidden;

list-style-type:none;

width:0px;

}

</style>

Also same again you have an opening comment tag after the opening <script> tag in your code but no closing comment tag --> before your closing </script> tag

<!--

You actually don't need any of these comment tags at all but if you do use them you need to make sure they are balanced i.e ., have an opening and closing tag pair.

That has been know to cause a page to choke and display nothing. Can you either remove all those comment tags or pair them up and see if that solves the problem.

Jon Fritz

Community Expert

Without seeing the code it's all guesswork.

I'm guessing you have an unclosed <title> tagset (or other major structural defect) and the browser is putting the entire code into the title bar.

Run your page through the validation tool under File > Validate > Validate Current Document (W3C) or go to http://validator.w3.org/nu to get a listing of any html errors you have. Repairing those errors will likely bring the site back.

cryopneaAuthor

Participant

Is there a way I can link the code to you, or do I just copy & paste it here?

This is probably impractical, so sorry for the inconvenience, but here's the code for the template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

<!--

body {

background-color: #efefef;

}

a:link {

color: #fc4a1a;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #021320;

}

.buttonstyle {

font-family: "Courier New", Courier, monospace;

color: #Fc4a1a;

background-color: efefef;

border-top-style: double;

border-right-style: double;

border-bottom-style: double;

border-left-style: double;

border-top-color: #021320;

border-right-color: #021320;

border-bottom-color: #021320;

border-left-color: #021320;

border-radius: 2px;

border: 1px;

}

a:hover {

text-decoration: underline;

color: #fc4a1a;

}

a:active {

text-decoration: none;

color: #021320;

}

h1,h2,h3,h4,h5,h6 {

font-family: Geneva, Arial, Helvetica, sans-serif;

}

.header {

background: #fc4a1a;

width: 100%

}

.style1 {color: #efefef}

.style2 {

font-size: xx-large;

color: #efefef;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

.style3 {

font-size: xx-large;

text-align: inherit;

}

.footer {

background:#062f4f;

color:#efefef;}

.style4 {color: #021320; background: #fc4a1a; font-size: xx-large;}

.style6 {font-size: xx-large; color: #021320; font-family: Geneva, Arial, Helvetica, sans-serif; }

.signintext {

font-size: xx-large;

color: #021320;

font-family: Geneva, Arial, Helvetica, sans-serif;

border:#021320 1px double;

background: #efefef;

}

-->

html {

scrollbar-highlight-color:#fd6b44;

scrollbar-shadow-color:#e54318;

scrollbar-track-color:#efefef;

scrollbar-face-color:#fc4a1a;

scrollbar-arrow-color:#fc4a1a;

scrollbar-darkshadow-color:#e54318;

scrollbar-3dlight-color:#fd9876;

scrollbar-width:5px;}

.block_on {

display:block;

visibility:visible;

}

.block_off {

display:none;

visibility:hidden;

list-style-type:none;

width:0px;

}

</style>

<!--

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.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p[j++].src=a;}}

}

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)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_nbGroup(event, grpName) { //v6.0

var i,img,nbArr,args=MM_nbGroup.arguments;

if (event == "init" && args.length > 2) {

if ((img = MM_findObj(args[2])) != null && !img.MM_init) {

img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;

if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();

nbArr[nbArr.length] = img;

for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = img.MM_dn = args[i+1];

nbArr[nbArr.length] = img;

} }

} else if (event == "over") {

document.MM_nbOver = nbArr = new Array();

for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);

nbArr[nbArr.length] = img;

}

} else if (event == "out" ) {

for (i=0; i < document.MM_nbOver.length; i++) {

img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }

} else if (event == "down") {

nbArr = document[grpName];

if (nbArr)

for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }

document[grpName] = nbArr = new Array();

for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;

nbArr[nbArr.length] = img;

} }

}

</script>

</head>

<div class="header">

<p align="left"> </p>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">

<tr>

<td width="154" height="136"><a href="../MWS_home.html"><img src="../MWSLOGOSMALL.png" alt="MWS logo" width="140" height="140" border="0" /></a>

<label></label></td>

<td width="777"><span class="style2">MobileWorldStation</span></td>

<td width="681" valign="top"><label>

<form id="form1" name="form1" method="get" action="MWS_search.html">

<div align="right"></div>

</form>

<div align="right" class="style4 style3">

<script type="text/javascript">

function toggleMe(a){

var e=document.getElementById(a);

var i = document.getElementById(a + '_image');

if(!e)return true;

if(e.style.display=="none"){

e.style.display="block"

} else {

e.style.display="none"

}

return false;

}

</script>

<p><a class="signintext" style="cursor:pointer;" onclick="return toggleMe('para1')" color="#021320">sign in</a></p>

<div id="para1" style="display:none;border:solid;background:#efefef;text-align:center;">

<input name="UN" type="text" value="Name" onfocus="if (this.value=='Name') this.value='';"/>

<input name="PW" type="password" value="Password" onfocus="if (this.value=='Password') this.value='';"/>

<input name="submitsignin" type="button" value="sign in" class="buttonstyle"/>

</div>

</label></td>

</tr>

</table>

<table width="102%" border="0" cellpadding="0" cellspacing="0">

<tr>

</tr>

<tr>

</tr>

</table>

<p align="left"> </p>

</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="504" height="76" valign="top"><span class="style3">PageName—</span></td>

<td width="502"> </td>

</tr>

</table>

Content1

<div class="footer">

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#062f4f">

<tr>

<td width="213"><p><a href="MWS_info.html">INFO</a></p>

<p><a href="MWS_blog.html">BLOG</a></p>

<p><a href="MWS_faq.html">FAQ</a></p>

<p><a href="MWS_contactus.html">CONTACT US </a></p></td>

<td width="645">Footer content, copyrights, ackowledgements, etc. </td>

<td width="165"><a href="MWS_basket.html"><img src="../z.basket.png" alt="Go to Basket" width="188" height="169" border="0" align="middle" /></a></td>

</tr>

</table>

</div>

</body>

</html>

osgood_

Legend
Forum|Forum|8 years ago
May 5, 2017

Can you paste the code to one of these pages in the forum, along with any css you may have used?

cryopneaAuthor

Participant
Forum|Forum|8 years ago
May 8, 2017

I replied to Jon Fritz II with the code

cryopneaAuthor

Participant
Forum|Forum|8 years ago
May 8, 2017

cryopnea wrote
I replied to Jon Fritz II with the code
I see content if I view in DW CS4 which is a later version than DW 8 so your version should be showing you content.
What I can see in your code is a comment tag  before the end of the closing </style> tag. The closing comment tag is mixed in with your css selectors (see below) it should NOT be there.
-->
html {
scrollbar-highlight-color:#fd6b44;
scrollbar-shadow-color:#e54318;
scrollbar-track-color:#efefef;
scrollbar-face-color:#fc4a1a;
scrollbar-arrow-color:#fc4a1a;
scrollbar-darkshadow-color:#e54318;
scrollbar-3dlight-color:#fd9876;
scrollbar-width:5px;}
.block_on {
display:block;
visibility:visible;
}
.block_off {
display:none;
visibility:hidden;
list-style-type:none;
width:0px;
}
</style>
Also same again you have an opening comment tag after the opening <script> tag in your code but no closing comment tag --> before your closing </script> tag
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript">
<!--
You actually don't need any of these comment tags at all but if you do use them you need to make sure they are balanced i.e ., have an opening and closing tag pair.
That has been know to cause a page to choke and display nothing. Can you either remove all those comment tags or pair them up and see if that solves the problem.

Thanks for the quick reply! I didn't even notice I had left them there. I just removed them, and it works great Thanks for the help!

Powered by Gainsight
Terms & Conditions Accessibility statement

Sign up

Already have an account? Login

To post, reply, or follow discussions, please sign in with your Adobe ID.
Sign in

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.
Sign in

Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.

Enter your e-mail address

Back to overview

Scanning file for viruses.

Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
OK

This file cannot be downloaded

Sorry, our virus scanner detected that this file isn't safe to download.
OK

Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information AdChoices