This is weird.<br />
Firstly, please click this (<!-- m --><a class="postlink" href="http://www.harrogate-reptiles.com/profiles/snakes/">http://www.harrogate-reptiles.com/profiles/snakes/</a><!-- m -->). See what i mean? Not all the text is showing and it's all in the wrong place.<br />
Here is the html code. I will post the start and end of it, as there is so much..would be best if you could just go to view source on the above link!<br />
<br />
<html><br />
<head><br />
<body><br />
<?php include('header.html'); ?><br />
<tr> <br />
<td height="572" valign="top" colspan="2" background="/images/bg1.gif"> <table width="100%" height="944%" cellpadding="0" cellspacing="0" background="../../spacer.gif"><br />
<tr> <br />
<td width="155" rowspan="33"> </td><br />
<td width="610" height="425"><div align="right"><img src=http://www.htmlforums.com/archive/index.php/"http://www.harrogate-reptiles.com/profiles/images/snakes/my_snakes_text.jpg" width="342" height="78"></div><br />
<p align="left"><b><span class="zagol">• My Snakes</span></b><br><br />
<span class="content">Welcome to the section of my website where you <br />
get to see all my pride and joy - my snake collection. I currently <br />
have 8 snakes, ranging from a Corn snake to Boa Constrictors.</span></p><br />
<br />
<br />
And the bottom...<br />
<br />
<br />
<tr> <br />
<td height="19" valign="top"> </td><br />
</tr><br />
<tr> <br />
<td height="19" valign="top"><span class="zago1"><b>Sophie</b></span><a name="sophie"></a></td><br />
</tr><br />
<tr> <br />
<td height="19" valign="top"><div align="center"><img src=http://www.htmlforums.com/archive/index.php/"http://www.harrogate-reptiles.com/profles/images/snakes/ng_water_python.jpg" width="280" height="407" border="1"></div></td><br />
</tr><br />
<tr> <br />
<td height="77" valign="top"><span class="content">Sophie is a wild caught <br />
(WC) specimen which I got in October 1999. The iridescent scales are <br />
stunning in daylight.<br><br />
It is thought she's about 6 years old now, she has grown about 2 ft <br />
since I got her. <br><br />
For a WC she is very tame and doesn't mind being handled which is a <br />
good thing because she's a very soft <br><br />
bodied snake,( not like say a boa, firm strong muscles ), a very weird <br />
feeling when you pick her up. She's about <br><br />
6 ft 6 inches long and weighs around 15lbs.<br><br />
Her eating habits are enough to drive you to drink, I have since learned <br />
to accept them, <br><br />
she will eat for say 2-3 months then fast for 2-3. I suppose it is due <br />
to her being WC and coincides<br><br />
with her natural feeding habits. She has never bitten me but has on <br />
occasions, stuck out and "head butted" me.</span></td><br />
</tr><br />
<tr> <br />
<td height="19" valign="top"> </td><br />
</tr><br />
</table><br />
</body><br />
</html><br />
<br />
<br />
Thanks in advance.<br />
James<br />
James
<!--content-->well, first off dont declare the height of the table to be 944%<br />
<br />
and that fixes it just take out that height declaration<!--content-->The style sheet<br />
is in<br />
<!-- m --><a class="postlink" href="http://www.harrogate-reptiles.com/style.css">http://www.harrogate-reptiles.com/style.css</a><!-- m --><br />
but in the page <br />
<!-- m --><a class="postlink" href="http://www.harrogate-reptiles.com/profiles/snakes/">http://www.harrogate-reptiles.com/profiles/snakes/</a><!-- m --><br />
it is in:<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"style.css" type="text/css"><br />
the same dir.<br />
<br />
Change the link.<br />
<br />
<br />
:rocker:<!--content-->Look in here: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.harrogate-reptiles.com%2Fprofiles%2Fsnakes%2F&charset=iso-8859-1+%28Western+Europe%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --><br />
<br />
<br />
<br />
You should have a lot of code between <head> and <body> including the character set definition and a </head> tag, as well as a few other things.<br />
<br />
More in: <!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=26972">http://www.htmlforums.com/showthread.ph ... adid=26972</a><!-- m --><br />
<br />
<br />
<br />
Add type="text/javascript" to every <script> tag.<br />
<br />
<br />
<br />
Add a type="text/css" attribute to every <style> tag.<br />
<br />
<br />
<br />
The • characters are not valid in a web document. Replace with valid characters.<br />
<br />
<br />
<br />
Add alt="some text" to every <img > tag, the text reflecting what is in the dispayed image. On unimportant images, like spacer elements, a minimum of alt="" is fine. For bullet-point images, alt="*" is often used. Search engines do index the alt text. The alt attribute is a required element.<br />
<br />
<br />
<br />
A few other nesting errors to look into when you have fixed the rest.<br />
<br />
<br />
<br />
The four margin errors can be replaced with a little bit of CSS code instead. Put this is a text file, with a name ending in .css:<br />
<br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
<br />
You should export the CSS to an external file and call it with instructions in the <head> section of the HTML file. Most people use this one, but it can cause problems:<br />
<br />
<link type="text/css" rel="stylesheet" src=http://www.htmlforums.com/archive/index.php/"/path/file.css"><br />
<br />
It is better to use this slightly longer version of this, again placed in the <head> section of the HTML file:<br />
<br />
<meta http-equiv="Content-Style-Type" content="text/css"><br />
<br />
<style type="text/css"><br />
@import url(path/file.css);<br />
</style><br />
<br />
This version hides the CSS from older versions of Netscape that cannot handle CSS. This stops those versions from displaying a corrupted page with overlapping elements.<!--content-->Thanks all, fixed it now!<!--content-->
Firstly, please click this (<!-- m --><a class="postlink" href="http://www.harrogate-reptiles.com/profiles/snakes/">http://www.harrogate-reptiles.com/profiles/snakes/</a><!-- m -->). See what i mean? Not all the text is showing and it's all in the wrong place.<br />
Here is the html code. I will post the start and end of it, as there is so much..would be best if you could just go to view source on the above link!<br />
<br />
<html><br />
<head><br />
<body><br />
<?php include('header.html'); ?><br />
<tr> <br />
<td height="572" valign="top" colspan="2" background="/images/bg1.gif"> <table width="100%" height="944%" cellpadding="0" cellspacing="0" background="../../spacer.gif"><br />
<tr> <br />
<td width="155" rowspan="33"> </td><br />
<td width="610" height="425"><div align="right"><img src=http://www.htmlforums.com/archive/index.php/"http://www.harrogate-reptiles.com/profiles/images/snakes/my_snakes_text.jpg" width="342" height="78"></div><br />
<p align="left"><b><span class="zagol">• My Snakes</span></b><br><br />
<span class="content">Welcome to the section of my website where you <br />
get to see all my pride and joy - my snake collection. I currently <br />
have 8 snakes, ranging from a Corn snake to Boa Constrictors.</span></p><br />
<br />
<br />
And the bottom...<br />
<br />
<br />
<tr> <br />
<td height="19" valign="top"> </td><br />
</tr><br />
<tr> <br />
<td height="19" valign="top"><span class="zago1"><b>Sophie</b></span><a name="sophie"></a></td><br />
</tr><br />
<tr> <br />
<td height="19" valign="top"><div align="center"><img src=http://www.htmlforums.com/archive/index.php/"http://www.harrogate-reptiles.com/profles/images/snakes/ng_water_python.jpg" width="280" height="407" border="1"></div></td><br />
</tr><br />
<tr> <br />
<td height="77" valign="top"><span class="content">Sophie is a wild caught <br />
(WC) specimen which I got in October 1999. The iridescent scales are <br />
stunning in daylight.<br><br />
It is thought she's about 6 years old now, she has grown about 2 ft <br />
since I got her. <br><br />
For a WC she is very tame and doesn't mind being handled which is a <br />
good thing because she's a very soft <br><br />
bodied snake,( not like say a boa, firm strong muscles ), a very weird <br />
feeling when you pick her up. She's about <br><br />
6 ft 6 inches long and weighs around 15lbs.<br><br />
Her eating habits are enough to drive you to drink, I have since learned <br />
to accept them, <br><br />
she will eat for say 2-3 months then fast for 2-3. I suppose it is due <br />
to her being WC and coincides<br><br />
with her natural feeding habits. She has never bitten me but has on <br />
occasions, stuck out and "head butted" me.</span></td><br />
</tr><br />
<tr> <br />
<td height="19" valign="top"> </td><br />
</tr><br />
</table><br />
</body><br />
</html><br />
<br />
<br />
Thanks in advance.<br />
James<br />
James
<!--content-->well, first off dont declare the height of the table to be 944%<br /><br />
and that fixes it
just take out that height declaration<!--content-->The style sheet<br />is in<br />
<!-- m --><a class="postlink" href="http://www.harrogate-reptiles.com/style.css">http://www.harrogate-reptiles.com/style.css</a><!-- m --><br />
but in the page <br />
<!-- m --><a class="postlink" href="http://www.harrogate-reptiles.com/profiles/snakes/">http://www.harrogate-reptiles.com/profiles/snakes/</a><!-- m --><br />
it is in:<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"style.css" type="text/css"><br />
the same dir.<br />
<br />
Change the link.<br />
<br />
<br />
:rocker:<!--content-->Look in here: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.harrogate-reptiles.com%2Fprofiles%2Fsnakes%2F&charset=iso-8859-1+%28Western+Europe%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --><br />
<br />
<br />
<br />
You should have a lot of code between <head> and <body> including the character set definition and a </head> tag, as well as a few other things.<br />
<br />
More in: <!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=26972">http://www.htmlforums.com/showthread.ph ... adid=26972</a><!-- m --><br />
<br />
<br />
<br />
Add type="text/javascript" to every <script> tag.<br />
<br />
<br />
<br />
Add a type="text/css" attribute to every <style> tag.<br />
<br />
<br />
<br />
The • characters are not valid in a web document. Replace with valid characters.<br />
<br />
<br />
<br />
Add alt="some text" to every <img > tag, the text reflecting what is in the dispayed image. On unimportant images, like spacer elements, a minimum of alt="" is fine. For bullet-point images, alt="*" is often used. Search engines do index the alt text. The alt attribute is a required element.<br />
<br />
<br />
<br />
A few other nesting errors to look into when you have fixed the rest.<br />
<br />
<br />
<br />
The four margin errors can be replaced with a little bit of CSS code instead. Put this is a text file, with a name ending in .css:<br />
<br />
body {<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
<br />
<br />
You should export the CSS to an external file and call it with instructions in the <head> section of the HTML file. Most people use this one, but it can cause problems:<br />
<br />
<link type="text/css" rel="stylesheet" src=http://www.htmlforums.com/archive/index.php/"/path/file.css"><br />
<br />
It is better to use this slightly longer version of this, again placed in the <head> section of the HTML file:<br />
<br />
<meta http-equiv="Content-Style-Type" content="text/css"><br />
<br />
<style type="text/css"><br />
@import url(path/file.css);<br />
</style><br />
<br />
This version hides the CSS from older versions of Netscape that cannot handle CSS. This stops those versions from displaying a corrupted page with overlapping elements.<!--content-->Thanks all, fixed it now!<!--content-->