Jump to content

Little problem with template


Londonladadz
 Share

Recommended Posts

Hey All, im having a little issue with my Coding and I hope someone can help out i know it will probably be something little but hey here we go :)I have made up a template, sliced it and made it back into a site, when I preview the site on my system it looks fine, same as in Frontpage however when i access the site on the net the template changes :)example:tempex.pnghowever when i upload the site and access the page online it looks like this:ExampleAs i said its probably something really dumb but I cant see what's wrong :mellow:My Code is:

<html><head><title>maxwebsite</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type='text/css'>BODY {background:none transparent;}</style></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><!-- ImageReady Slices (maxwebsite.psd) --><table id="Table_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">	<tr>		<td rowspan="24"><img src="images/LeftBg.jpg" width="53" height="768" alt=""></td>		<td colspan="13"><img src="images/Banner.jpg" width="916" height="134" alt=""></td>		<td rowspan="24"><img src="images/RightBg.jpg" width="55" height="768" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="134" alt=""></td>	</tr>	<tr>		<td rowspan="23"><img src="images/themaxnew_04.jpg" width="1" height="634" alt=""></td>		<td colspan="12"><img src="images/Ubanner.jpg" width="915" height="42" alt=""></td>		<td>			<img src="images/spacer.gif" width="1" height="42" alt=""></td>	</tr>	<tr>		<td rowspan="22"><img src="images/themaxnew_06.jpg" width="1" height="592" alt=""></td>		<td rowspan="20"><img src="images/leftbluenav.jpg" width="12" height="566" alt=""></td>		<td rowspan="3"><img src="images/themaxnew_08.jpg" width="1" height="47" alt=""></td>		<td rowspan="3"><img src="images/Topnav.jpg" width="249" height="47" alt=""></td>		<td colspan="3" rowspan="3"><img src="images/NavContent.jpg" width="15" height="47" alt=""></td>		<td rowspan="2"><img src="images/themaxnew_11.jpg" width="1" height="26" alt=""></td>		<td colspan="3"><img src="images/Contentbar.jpg" width="618" height="24" alt=""></td>		<td rowspan="20"><img src="images/Rightbluenav.jpg" width="18" height="566" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="24" alt=""></td>	</tr>	<tr>		<td colspan="3"><img src="images/themaxnew_14.jpg" width="618" height="2" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="2" alt=""></td>	</tr>	<tr>		<td colspan="4" rowspan="2"><img src="images/Content.jpg" width="619" height="28" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="21" alt=""></td>	</tr>	<tr>		<td colspan="3" rowspan="2"><a href="/Valeting" target="T1"><img src="images/Valeting.jpg" width="251" height="24" border="0" alt=""></a></td>		<td colspan="2" rowspan="6"><img src="images/NavContent-18.jpg" width="14" height="109" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="7" alt=""></td>	</tr>	<tr>		<td colspan="2" rowspan="15"><img src="images/Content-19.jpg" width="12" height="451" alt=""></td>		<td rowspan="14"><iframe src="home.html" name="T1" scrolling="auto" frameborder="no" align="center" height = "430px" width = "592px" allowtransparency="true"></iframe></td>		<td rowspan="15"><img src="images/Content-21.jpg" width="15" height="451" alt=""></td>		<td>			<img src="images/spacer.gif" width="1" height="17" alt=""></td>	</tr>	<tr>		<td rowspan="2"><img src="images/themaxnew_21.jpg" width="1" height="43" alt=""></td>		<td><img src="images/Valetauto.jpg" width="249" height="19" alt=""></td>		<td rowspan="2"><img src="images/NavContent-24.jpg" width="1" height="43" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="19" alt=""></td>	</tr>	<tr>		<td><a href="/Autoglym" target="T1"><img src="images/Autoglym.jpg" width="249" height="24" border="0" alt=""></a></td>		<td><img src="images/spacer.gif" width="1" height="24" alt=""></td>	</tr>	<tr>		<td colspan="3"><img src="images/Autoglymautocare.jpg" width="251" height="18" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="18" alt=""></td>	</tr>	<tr>		<td rowspan="4"><img src="images/themaxnew_26.jpg" width="1" height="84" alt=""></td>		<td colspan="2"><a href="/Autocare" target="T1"><img src="images/autocare.jpg" width="250" height="24" border="0" alt=""></a></td>		<td><img src="images/spacer.gif" width="1" height="24" alt=""></td>	</tr>	<tr>		<td colspan="3"><img src="images/AutocareAcc.jpg" width="252" height="18" alt=""></td>		<td rowspan="10"><img src="images/NavContent-30.jpg" width="12" height="349" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="18" alt=""></td>	</tr>	<tr>		<td colspan="3"><a href="/Accessories" target="T1"><img src="images/Accessories.jpg" width="252" height="24" border="0" alt=""></a></td>		<td><img src="images/spacer.gif" width="1" height="24" alt=""></td>	</tr>	<tr>		<td colspan="3"><img src="images/Accessmedia.jpg" width="252" height="18" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="18" alt=""></td>	</tr>	<tr>		<td colspan="4"><a href="/Media" target="T1"><img src="images/Media.jpg" width="253" height="24" border="0" alt=""></a></td>		<td><img src="images/spacer.gif" width="1" height="24" alt=""></td>	</tr>	<tr>		<td rowspan="2"><img src="images/themaxnew_33.jpg" width="1" height="43" alt=""></td>		<td colspan="2"><img src="images/mediaCon.jpg" width="250" height="19" alt=""></td>		<td><img src="images/NavContent-36.jpg" width="2" height="19" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="19" alt=""></td>	</tr>	<tr>		<td colspan="3"><a href="/Contact" target="T1"><img src="images/Contact.jpg" width="252" height="24" border="0" alt=""></a></td>		<td><img src="images/spacer.gif" width="1" height="24" alt=""></td>	</tr>	<tr>		<td colspan="3"><img src="images/Bottomnav.jpg" width="251" height="45" alt=""></td>		<td rowspan="4"><img src="images/NavContent-39.jpg" width="2" height="222" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="45" alt=""></td>	</tr>	<tr>		<td>			<img src="images/themaxnew_39.jpg" width="1" height="26" alt=""></td><td colspan="2"><img src="images/Promotions.jpg" width="250" height="26" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="26" alt=""></td>	</tr>	<tr>		<td colspan="2" rowspan="2"><img src="images/Promobox.jpg" width="250" height="151" alt=""></td>		<td rowspan="2"><img src="images/NavContent-43.jpg" width="1" height="151" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="129" alt=""></td>	</tr>	<tr>		<td><img src="images/Content-44.jpg" width="592" height="22" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="22" alt=""></td>	</tr>	<tr>		<td><img src="images/themaxnew_44.jpg" width="1" height="61" alt=""></td>		<td colspan="8"><img src="images/ucontentblue.jpg" width="883" height="61" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="61" alt=""></td>	</tr>	<tr>		<td colspan="11"><img src="images/Bottomblue.jpg" width="914" height="25" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="25" alt=""></td>	</tr>	<tr>		<td colspan="11"><img src="images/themaxnew_47.jpg" width="914" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>	</tr>	<tr>		<td><img src="images/spacer.gif" width="53" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="12" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="249" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="12" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="11" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="592" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="15" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="18" height="1" alt=""></td>		<td><img src="images/spacer.gif" width="55" height="1" alt=""></td>		<td></td>	</tr></table><!-- End ImageReady Slices --></body></html>

Any suggestions??Thanks in advance

Link to comment
Share on other sites

Guest FirefoxRocks

First of all, I would recommend not using tables and images to design the site. It is a very bad idea as the code is very bloated (thus increasing download times) and is not semantic. By using CSS, you can have greater flexibility and control over the layout of your pages. Google it for more information.

Link to comment
Share on other sites

This is the best advice you can get but avoiding the method you are using. The overuse of images can best be defined with CSS. Your menu can be set using unordered list <ul> using CSS to style the background.If you plan on having this website for a very long time then I would suggest you use correct semantics and avoid tables (except for tabular data). It's better to take a few extra months longer in order to get your site done right so that you will not have to rebuild it few months later.Photoshop Image Ready really is an old method that just produces a chunk of needless codes and images that does nothing for search engines and for those users browsing your site (if any). Otherwise, someone will have to take a good chunk of time to figure out what your problem is.My comments are meant to be taken constructively and not offensively.

Link to comment
Share on other sites

This is the best advice you can get but avoiding the method you are using. The overuse of images can best be defined with CSS. Your menu can be set using unordered list <ul> using CSS to style the background.If you plan on having this website for a very long time then I would suggest you use correct semantics and avoid tables (except for tabular data). It's better to take a few extra months longer in order to get your site done right so that you will not have to rebuild it few months later.Photoshop Image Ready really is an old method that just produces a chunk of needless codes and images that does nothing for search engines and for those users browsing your site (if any). Otherwise, someone will have to take a good chunk of time to figure out what your problem is.My comments are meant to be taken constructively and not offensively.
Hmm ok thank you for that i guess i better get reading on CSS
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...