Londonladadz Posted June 3, 2008 Share Posted June 3, 2008 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:however 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 More sharing options...
Guest FirefoxRocks Posted June 3, 2008 Share Posted June 3, 2008 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 More sharing options...
newseed Posted June 3, 2008 Share Posted June 3, 2008 I concur with the last post. If you really want to know what Google and Yahoo sees to index your website, try turning off images in your browser. Link to comment Share on other sites More sharing options...
Londonladadz Posted June 3, 2008 Author Share Posted June 3, 2008 I was just hoping someone could correct my mistake for me or tell me what i have done wrong, not learn a whole new editing language.. im still quite a nooby Link to comment Share on other sites More sharing options...
newseed Posted June 3, 2008 Share Posted June 3, 2008 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 More sharing options...
Londonladadz Posted June 3, 2008 Author Share Posted June 3, 2008 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.