can someone review this code and tell me why nothing shows on the page

cully4299

cully4299

cully4299

Associate
Joined
5 Feb 2016
Posts
234
hi
helping a student with their project in the school. the website shows all in the design but in the preview it is blank. have another page in the website where only the middle paragh shows. the other 4 pages work perfect.

could someone may tell me if there are any conflicts in this code
USING
MS EXPRESSION 4
HTML

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

<!-- #BeginTemplate "../master.dwt" -->

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- #BeginEditable "doctitle" -->
<title>Photo Gallery</title>
<style type="text/css">



















.auto-style9 {
color: #000080;
font-family: "BlackCat Primary";
font-size: large;
}
.auto-style10 {
text-align: center;
}
#main .post-content h1, #main .post-content h2, #main .post-content h3, #main .post-content h4, #main .post-content h5, #main .post-content h6 {
color: #CC0066;
}



#main h2 {
font-family: 'PT Sans', 'PTSansRegular', Arial!important;
}

#main h2{
color:#333;
margin:0 0 20px;
font:18px/20px 'MuseoSlab500Regular', arial, helvetica, sans-serif;
}
.post-content h2{color:#333333!important;}.post-content h2{font-size:18px!important;line-height:27px!important;}



.post-content h2 {
font-family: 'PT Sans', 'PTSansRegular', Arial!important;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
font-family:'MuseoSlab500Regular', arial, helvetica, sans-serif;
color:#333333;
font-weight:normal;
}
.auto-style12 {
font-family: "BlackCat Primary";
}
.auto-style13 {
text-align: left;
font-size: medium;
font-family: "BlackCat Primary";
}
.auto-style14 {
font-family: "BlackCat Primary";
font-size: medium;
}
.auto-style15 {
color: #800000;
font-family: "BlackCat Primary";
font-size: x-large;
text-decoration: underline;
}
.auto-style16 {
color: #800000;
text-decoration: underline;
font-family: "BlackCat Primary";
font-size: large;
}
.auto-style17 {
font-size: medium;
}
.auto-style18 {
text-align: left;
}
</style>
<!-- #EndEditable -->
<link href="../styles/style2.css" rel="stylesheet" type="text/css" />
<style type="text/css">

.auto-style1 {
text-align: center;
margin-left: 0px;
}
.auto-style2 {
margin-left: 9px;
margin-top: 105px;
}
.auto-style3 {
margin-left: 0px;
}
.auto-style4 {
margin-top: 0;
}
.auto-style5 {
color: #000080;
font-size: xx-large;
text-decoration: underline;
}
.auto-style7 {
text-align: center;
margin-left: 0px;
font-family: "BlackCat Primary";
font-size: medium;
color: #800000;
}
.auto-style8 {
color: #000000;
}
.auto-style9 {
text-align: center;
}
</style>
</head>

<body style="background-image: url(''); ">

<div id="container" style="height: 1430px; width: 104%;">
<div id="masthead" class="auto-style1" style="height: 289px; width: 845px">
<div style="height: 345px">
<span class="auto-style5"><strong>Action Pursuits</strong></span>
<br />
<br />
<em>
<marquee class="auto-style7" style="height: 37px; width: 520px">You didnt realise You were making memories,* You were justing havng fun!</marquee></em><br />

<br />
</div>
<div id="navigation" style="width: 833px; height: 30px">
<ul style="width: 828px; height: 46px">
<li><a href="../home.html">Home</a></li>
<li><a href="../news/default.html">Meet the Team</a></li>
<li><a href="../calendar/default.html">Horse Riding</a></li>
<li><a href="D_S.html">Dingle Scramble</a></li>
<li><a href="../information_links/default.html">Battle Archery</a></li>
<li>
<a href="../contact/default.html" style="width: 70px; height: 15px;" class="auto-style8">Contact</a></li>
<form method="post">
<input name="Button1" style="height: 25px" type="button" value="Search" /></form>
</ul>
<p>&nbsp;</p>
</div>
</div>
<!-- End Masthead -->
<!-- Begin Navigation -->
<!-- End Navigation -->
<!-- Begin Page Content -->
<div id="page_content" class="auto-style2" style="width: 840px; height: 974px">
<!-- Begin Content -->
<div id="content" class="auto-style4" style="left: 3px; top: 4px; width: 390px; height: 464px">
<!-- #BeginEditable "content" -->
<!--[if lt IE 8]><span style="font-size: large;">
<h1 class="auto-style10" style="height: 65px">
<span style="font-size: large;"><span class="auto-style9"><em>
<img alt="" height="190" src="../photo_gallery/dingle-scramble-header-1.jpg" width="380" /></em></span></span></h1>
<h1 class="auto-style10" style="height: 23px">&nbsp;</h1>
<h1 class="auto-style10" style="height: 65px">
&nbsp;</h1>
<h1 class="auto-style10" style="height: 65px">
<span class="auto-style9"><em>Possibly the most fun you can have and
still learn more about yourself and your friends at the same time!</em></span></span><strong style="font-size: large;"><span class="auto-style12"><br />
</span></strong></h1>
<p class="auto-style13">Our dingle scramble follows the stream (1.2
km in length) rising over 150 meters and consists of a number of
carefully thought out obstacles. You will encounter cargo nets, a
climbing and abseiling tower, 12m tubes, water features and much
more!</p>
<![endif]--><!--[if lt IE 8]>
<p><strong><span class="auto-style16">
Dingle Scramble - Half Day Session:</span></strong></p>
<p class="auto-style18"><span class="activityprice"><strong>
<span class="auto-style14">£26</span></strong><span class="auto-style14">&nbsp;&nbsp;&nbsp;&nbsp;
</span></span><em><span class="auto-style12">
<span class="auto-style17">A half day fully-instructed wet and muddy
uphill scramble, suitable for ages 8 years and
over</span></span>!<br />
</em></p>
<![endif]-->
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
<!-- End Content -->
<!-- Begin Sidebar -->
<div id="sidebar" style="width: 416px; height: 947px;">
<!-- #BeginEditable "sidebar" -->
<!--[if lt IE 8]>
<h1 class="auto-style15">Skills and training </h1>
<p style="width: 407px"><span class="auto-style14">The emphasis here
is very much on team building. Our qualified instructors will assist
and encourage guests to learn new skills in a relaxed but
challenging environment. Areas covered include: </p>
<ul>
<li>Open communication</li>
<li>Problem solving&nbsp;</li>
<li>Planning</li>
<li>Shared responsibility</li>
<li>Developing relationships</li>
<li>Leadership</li>
<li>Time management</li>
<li>Trust &amp; support</li>
<li>“No blame” culture</li>
<li>Working towards a common goal</li>
</ul>
<p>
<img alt="" height="110" src="dingle-scramble-header-2.jpg" style="float: left" width="130" /><img alt="" height="110" src="dingle-scramble-header-3.jpg" style="float: left" width="130" /><img alt="" height="110" src="../photo_gallery/dingle-scramble-header-6.jpg" style="float: left" width="130" /></p>
</span><![endif]-->
<!-- #EndEditable --></div>
<!-- End Sidebar --></div>
<!-- End Page Content -->
<!-- Begin Footer -->
<div id="footer" style="width: 670px; height: 68px;">
<p class="auto-style3" style="width: 758px; height: 21px">
<a href="../index.htm">Home</a> | <a href="../about/default.html">About</a>
<a href="../news/default.html">News</a> |
<a href="../calendar/default.html"> Calendar</a> |
<a href="D_S.html">Photo Gallery</a> |
<a href="../information_links/default.html">Links</a> |
<a href="../faq/default.html">FAQ</a> |
<a href="../contact/default.html">Contact</a><br />
</p>
<div class="auto-style9">
<br/>
<script type="text/javascript" src="http://counter8.fcs.ovh/private/counter.js?c=c0568a3696cdb78b34030bd5d0de62b4"></script>
</div>
</div>
</div>
<!-- End Container -->

</body>

<!-- #EndTemplate -->

</html>


thanks in advance.
 
Yes, it's very messy.

I think what you need to understand is the separation of the style and content into separate HTML and CSS pages.

Some basic tips are to find out the font family's supported by internet explorer, how to insert a CSS page into a website and how to activate the style of the CSS page.

By finding out the above it should you refine the code to be used into a workable website.

I hope that helps.
 
W3Schools has some good beginner tutorials on HTML, CSS, PHP and bootstrap (great little framework as a beginner). TheNewBoston (youtube channel) has a nice beginner tutorial on bootstrap which is a little framework that might make breaking into this stuff a bit easier.

Then once you've done that, download some "Bootstrap Templates" and see how they work. You'll amaze your teacher.
 
Hi thanks for the reply. Yeah it is a mess. I'm just in charge with cleaning it up :(. Expression is not great but the only other option available is front page so I'm using the best I have to work with. Northern Ireland schools are very closed software wise.
 
jakspyder said:
W3Schools has some good beginner tutorials on HTML, CSS, PHP and bootstrap (great little framework as a beginner). TheNewBoston (youtube channel) has a nice beginner tutorial on bootstrap which is a little framework that might make breaking into this stuff a bit easier.

Then once you've done that, download some "Bootstrap Templates" and see how they work. You'll amaze your teacher.
Click to expand...

This is a students work. I'm just helping the guy who teaches it. I've done a bit of dreameaver and visual basic when I was doing my degree that time. It was working one day then the student played around with it and that's the result of it
 
spenncerr said:
First of all, Expression Web is absolute garbage.

The comments within the HTML would be why a lot of the content isn't being displayed.
Click to expand...

Is the <!--start Master head --> the comments in this or what are tthey if I'm incorrect ? I'm used to the \\ from visual basic and the "" from dreameaver. This has just thrown me off gaurd. And yeah the software isn't great but better than front page which is the only other option.

I can do a bit of Web development as it was in the degrees I did but I'm more networking and systems support guy
 
cully4299 said:
Is the <!--start Master head --> the comments in this or what are tthey if I'm incorrect ? I'm used to the \\ from visual basic and the "" from dreameaver. This has just thrown me off gaurd. And yeah the software isn't great but better than front page which is the only other option.

I can do a bit of Web development as it was in the degrees I did but I'm more networking and systems support guy
Click to expand...

Yeah those are comments, let me tidy up the code and take a look for you properly.
 
spenncerr said:
Here's the code with the comments removed:

http://codepen.io/anon/pen/reYZOe

It's still a total mess but everything is visible. I noticed there is also a stylesheet linked at the top so some styling may still be missing from what you've pasted above.

Hope this helps.
Click to expand...


THANKS MAN
worked 95%
just a few overlaps and text and stuff that need to edit with the style sheets but most of the content shows. you're a life saver man.
 
got the second page was having problems with. it was all to do with the comments ( was commenting the whole thing so nothing displayed). used the tool that spenncerr used and a html valiadator and working 100%

thanks guys
 
You must log in or register to reply here.
Back
Top Bottom