Help with bad website code

**serverguy** · #11 13th Mar 2008, 11:38

Spot I am afraid I have no idea what you are on about TBH.

Including the style sheet is basic HTML, the PHP engine has nothing to do with including it.

If the page is built on the server using PHP includes or not then web browser will see nothing different. It will only get a plain page with whatever you got the PHP to build.

The style sheet can be located anywhere. The browser will read the request for the style sheet when it renders the page and then follow that link, whether it is on the same directory or not, and get whatever styles it needs from it. It is the same as with images, it can be located anywhere.

If you are talking about the PHP includes then they should be on the same server but can also be configured to be on a different server. In this case I think they are on the same server anyway.

For proof of concept, click here and look at where the CSS is coming from. It works in IE7 and 8 and Firefox at least.

As for the problem, considering one of the computers can see the page fine then it suggests that the actual server is serving up the pages fine. It is probably the way that the browser is interpreting the code. Have you tried it on different browsers?

It may be worth changing the style sheet back to a relative reference on the server and see what happens then.

The other thing that sometimes I have found to work is hitting refresh on the page.

**serverguy** · #12 13th Mar 2008, 11:43

Could you post a copy of the actual PHP that generates this page? That might help in identifying the problem.

**spot** · #13 13th Mar 2008, 12:13

The reason it made no sense to you is that I was interpreting him as saying he'd hosted the pages on different computers, not that he'd browsed them from different computers. Hence the confusion.

**Keys767** · #14 14th Mar 2008, 05:41

Yeah, I meant viewing them fromt different computers. It works when view on both FF and IE in college (XP Pro), but on neither FF nor IE at home (Vista Premium). Must be something to do with my computer. I just need to figure out what. Cleared everything, cache etc. checked settings. dunno whats wrong.

I'll post the actual php coding as soon as i can.

thanks.

**spot** · #15 14th Mar 2008, 05:48

You don't suppose there's an ad-blocker somewhere between you and the server that's stripping out the graphics thinking they're advertising?

**Keys767** · #16 17th Mar 2008, 06:37

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

<head>
<meta http-equiv="Content-Language" content="en-gb" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>V E S P E R M E D I A</title>
<link rel="stylesheet" type="text/css" href="http://www.vespermedia.net/css/style.css" />
<style type="text/css">
.style1 {
border-width: 0;
border-spacing: 0px;
}
</style>
</head>

<body>

<table class="maintable" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="header" style="width: 516px">
<img src="http://www.vespermedia.net/home/images/banner.jpg" class="banner" alt="VesperMedia" /></td>
<td class="header">
<img src="http://www.vespermedia.net/home/images/bannerend.jpg" width="44" height="170" alt="End" align="right" /></td>
</tr>
</table>
<table id="navbar" class="navbar" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 100px " class="style1"><a id="homebutton" href="#" title="Home"><span>Home</span></a></td>
<td style="width: 100px" class="style1"><a id="designsbutton" href="#" title="Designs"><span>Designs</span></a></td>
<td style="width: 100px" class="style1"><a id="developmentbutton" href="#" title="Development"><span>Development</span></a></td>
<td style="width: 100px" class="style1"><a id="codebankbutton" href="#" title="Code Bank"><span>Code Bank</span></a></td>
<td style="width: 100px" class="style1"><a id="downloadsbutton" href="#" title="Downloads"><span>Downloads</span></a></td>
<td class="style1" style="width: 100px"><a id="miscbutton" href="#" title="Miscellaneous"><span>Miscellaneous</span></a></td>
<td class="style1" align="left"><a id="navbarfade" title="navbarfade"><span>navbarfade</span></a></td>
</tr>
</table>[/html] Source of the Index page:
[html]<head>
<link rel="stylesheet" type="text/css" href="http://www.vespermedia.net/css/style.css">
<style type="text/css">
</style>
</head>

<? include('header.php'); ?>
<p> </p>
<table class="indextbl" cellspacing="0" cellpadding="0" align="center" id="indextable">
<tr>
<td class="indexheadleft">
<p>NEWEST</p></td>
<td rowspan="4" style="width: 100%; padding-left:3px; padding-right:3px" valign="top">
<p></p>
<p>Welcome to VesperMedia Designs!</p>
<p> </p>
<p>VesperMedia Designs is a website specialising in graphics and
web development. As well as a select range of high-quality web layouts and
graphics, Vespermedia Designs is a resource for any webmaster seeking help,
information or downloads to get their website up and running in all its glory.
Whatever your website subject is - VesperMedia Designs is the place to go!</p>
<p> </p>
<p>We are in the very early stages of development at the moment,
but we would appreciate any feedback from visitors on any of the following
areas:</p>
<ul>
<li>
<p>Ideas for features</p>
</li>
<li>
<p>Any questions you have about Vespermedia Designs</p>
</li>
<li>
<p>Advertising, linking to or hosting your own free
layouts/graphics on VesperMedia Designs' webmaster section</p>
</li>
<li>
<p>Interest in your site becoming an affiliate or partner
site to VesperMedia</p>
</li>
<li>
<p>Bugs, glitches or errors you may have encountered on
VesperMedia during this development period</p>
</li>
<li>
<p>Anything else you feel that we would like to be contacted
about</p>
</li>
</ul>

</td>
<td style="width: 200px; height: 15px" class="indexheadright">
<p>FEATURED</p></td>
</tr>
<tr>
<td class="nfbox">
<a href="#">
<img src="http://www.vespermedia.net/home/images/noimage.jpg" width="200" height="100" class="nfimages"></a></td>
<td class="nfbox">
<a href="#">
<img src="http://www.vespermedia.net/home/images/noimage.jpg" width="200" height="100" class="nfimages"></td>
</tr>
<tr>
<td class="nfbox">
<a href="#">
<img src="http://www.vespermedia.net/home/images/noimage.jpg" width="200" height="100" class="nfimages"></td>
<td class="nfbox">
<a href="#">
<img src="http://www.vespermedia.net/home/images/noimage.jpg" width="200" height="100" class="nfimages"></td>
</tr>
<tr>
<td style="width: 200px"></td>
<td style="width: 200px"></td>
</tr>
</table>
<? include('footer.php'); ?>[/html]Source of the footer:
[html]<table style="width: 100%">
<tr>
<td class="footertbl">© 2008 VesperMedia | <a href="http://www.vespermedia.net/home/legal/disclaimer.php">Disclaimer</a> |
<a href="http://www.vespermedia.net/home/legal/privacypolicy.php">Privacy Policy</a> | <a href="http://www.vespermedia.net/home/contact.php">Contact</a></td>
</tr>
</table>
</table>

</body>

</html>[/html]Full page source when viewed on my computer in FF (error found in the "maintable" table):
[html]<head>
<link rel="stylesheet" type="text/css" href="http://www.vespermedia.net/css/style.css">
<style type="text/css">
</style>
</head>

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

<head>
<meta http-equiv="Content-Language" content="en-gb" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>V E S P E R M E D I A</title>
<link rel="stylesheet" type="text/css" href="http://www.vespermedia.net/css/style.css" />
<style type="text/css">
.style1 {
border-width: 0;
border-spacing: 0px;
}
</style>
</head>

<body>

<table class="maintable" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="header" style="width: 516px">
</td>
<td class="header">
</td>
</tr>
</table>
<table id="navbar" class="navbar" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 100px " class="style1"><a id="homebutton" href="#" title="Home"><span>Home</span></a></td>
<td style="width: 100px" class="style1"><a id="designsbutton" href="#" title="Designs"><span>Designs</span></a></td>
<td style="width: 100px" class="style1"><a id="developmentbutton" href="#" title="Development"><span>Development</span></a></td>
<td style="width: 100px" class="style1"><a id="codebankbutton" href="#" title="Code Bank"><span>Code Bank</span></a></td>
<td style="width: 100px" class="style1"><a id="downloadsbutton" href="#" title="Downloads"><span>Downloads</span></a></td>
<td class="style1" style="width: 100px"><a id="miscbutton" href="#" title="Miscellaneous"><span>Miscellaneous</span></a></td>
<td class="style1" align="left"><a id="navbarfade" title="navbarfade"><span>navbarfade</span></a></td>
</tr>
</table><p> </p>
<table class="indextbl" cellspacing="0" cellpadding="0" align="center" id="indextable">
<tr>
<td class="indexheadleft">
<p>NEWEST</p></td>
<td rowspan="4" style="width: 100%; padding-left:3px; padding-right:3px" valign="top">
<p></p>
<p>Welcome to VesperMedia Designs!</p>
<p> </p>
<p>VesperMedia Designs is a website specialising in graphics and
web development. As well as a select range of high-quality web layouts and
graphics, Vespermedia Designs is a resource for any webmaster seeking help,
information or downloads to get their website up and running in all its glory.
Whatever your website subject is - VesperMedia Designs is the place to go!</p>
<p> </p>
<p>We are in the very early stages of development at the moment,
but we would appreciate any feedback from visitors on any of the following
areas:</p>
<ul>
<li>
<p>Ideas for features</p>
</li>
<li>
<p>Any questions you have about Vespermedia Designs</p>
</li>
<li>
<p>Advertising, linking to or hosting your own free
layouts/graphics on VesperMedia Designs' webmaster section</p>
</li>
<li>
<p>Interest in your site becoming an affiliate or partner
site to VesperMedia</p>
</li>
<li>
<p>Bugs, glitches or errors you may have encountered on
VesperMedia during this development period</p>
</li>
<li>
<p>Anything else you feel that we would like to be contacted
about</p>
</li>
</ul>

</td>
<td style="width: 200px; height: 15px" class="indexheadright">
<p>FEATURED</p></td>
</tr>
<tr>
<td class="nfbox">
<a href="#">
<img src="http://www.vespermedia.net/home/images/noimage.jpg" width="200" height="100" class="nfimages"></a></td>
<td class="nfbox">
<a href="#">
<img src="http://www.vespermedia.net/home/images/noimage.jpg" width="200" height="100" class="nfimages"></td>
</tr>
<tr>
<td class="nfbox">
<a href="#">
<img src="http://www.vespermedia.net/home/images/noimage.jpg" width="200" height="100" class="nfimages"></td>
<td class="nfbox">
<a href="#">
<img src="http://www.vespermedia.net/home/images/noimage.jpg" width="200" height="100" class="nfimages"></td>
</tr>
<tr>
<td style="width: 200px"></td>
<td style="width: 200px"></td>
</tr>
</table>
<table style="width: 100%">
<tr>
<td class="footertbl">© 2008 VesperMedia | <a href="http://www.vespermedia.net/home/legal/disclaimer.php">Disclaimer</a> |
<a href="http://www.vespermedia.net/home/legal/privacypolicy.php">Privacy Policy</a> | <a href="http://www.vespermedia.net/home/contact.php">Contact</a></td>
</tr>
</table>
</table>
<br>
<center><a href="http://www.ciao.co.uk/reg.php?AffiliateId=6635981" target="_new"></a></center>
</body>

</html>[/html]I could also note that the Ciao banner i put on my page at the bottom recently, does the same thing as my banner images.

Anything at all in that code that would stop particular computers or setups to not view it correctly all of a sudden?

The site is Vespermedia.net/home if you need to view it.

Thanks.

**serverguy** · #17 17th Mar 2008, 07:05

I will have a better look at it later but from school here on IE6 I have no problems viewing it.

Strange..

**spot** · #18 17th Mar 2008, 12:25

Just browsing the domain/home URL it might be relevant that view source shows two head sections, one before the doctype and one after it. Perhaps that's temporary and nothing to do with what you're chasing.

[html]
<head>
<link rel="stylesheet" type="text/css" href="http://www.vespermedia.net/css/style.css">
<style type="text/css">
</style>
</head>

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

<head>
<meta http-equiv="Content-Language" content="en-gb" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

[/html]

**Keys767** · #19 18th Mar 2008, 08:59

The page displayed today without me changing the coding. Atleast now i know that code is OK. Something on my computer must have been acting funny.

Thanks for the help. And for the tip on those headers. Cleaned up the HTML as much as i could afterwards.

Thanks

**serverguy** · #20 18th Mar 2008, 11:35

The HTML looks a lot better now.

What are you developing it with? Dreamweaver?

You would be a lot better set for any future changes if you got rid of the table based layout and went with CSS.

Also, if you are trying to set up a business creating websites then it looks better to have a page designed with current standards...

But the actual design looks good.