Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Jan 2006
    Posts
    2
    Member #
    12290
    Hi, my site seems to be coded properly, but for some reason the page goes beyond the page margins. I have been trying to figure out why the page is doing this, but have had no luck. I thought it might be a table width, but I have yet to find anything out of order. I would really appreciate it if you guys could maybe look at the code and try to see what may be wrong. Here's a link to what the site currently does... HERE
    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Extreme Gaming</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <! This template is designed and coded by Abhishek Sukhadia>
    <! http://www.prodencial.net and http://www.clantemplates.com>
    <! DO NOT Remove these lines or the images on the design>
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
    }
    body {
    background-color: #003646;
    background-image: url(images/Slice_01_1.gif);
    background-repeat:repeat-x;
    }
    a {
    font-size: x-small;
    color: #0093C8;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #0093C8;
    }
    a:hover {
    text-decoration: none;
    color: #363636;
    }
    a:active {
    text-decoration: none;
    color: #0093C8;
    }
    .style1 {
    color: #FF0000;
    font-weight: bold;
    }
    -->
    </style>
    <script type="text/javascript">
    /****************************************************
    * DOM Image rollover: By Chris Poole http://chrispoole.com
    * Script featured on http://www.dynamicdrive.com
    * Last updated Nov 14th, 05' by DD for broken image bug
    * Keep this notice intact to use it :-)
    ****************************************************/
    function init() {
    if (!document.getElementById) return
    var imgOriginSrc;
    var imgTemp = new Array();
    var imgarr = document.getElementsByTagName('img');
    for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('hsrc')) {
    imgTemp[i] = new Image();
    imgTemp[i].src = imgarr[i].getAttribute('hsrc');
    imgarr[i].onmouseover = function() {
    imgOriginSrc = this.getAttribute('src');
    var imagetest=new Image()
    imagetest.src=this.getAttribute('hsrc')
    if (imagetest.complete)
    this.setAttribute('src',this.getAttribute('hsrc'))
    }
    imgarr[i].onmouseout = function() {
    var imagetest=new Image()
    imagetest.src=imgOriginSrc
    if (imagetest.complete)
    this.setAttribute('src',imgOriginSrc)
    }
    }
    }
    }
    onload=init;
    </script>
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <center>
    <table id="Table_01" width="1024" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td rowspan="9">&nbsp; </td>
    <td rowspan="9" background="images/Slice_02_2.gif" style="background-repeat:repeat-x; background-color:003646; ">&nbsp; </td>
    <td colspan="9">
    <img src="images/Slice_03_3.gif" width="330" height="113" alt=""></td>
    <td colspan="7">
    <img src="images/Slice_04_4.gif" width="535" height="113" alt=""></td>
    <td rowspan="9" background="images/Slice_05_5.gif" style="background-repeat:repeat-x; background-color:003646; ">&nbsp; </td>
    <td rowspan="9">&nbsp; </td>
    </tr>
    <tr>
    <td colspan="3">
    <a href="#"><img src="images/Slice_07_7.gif" alt="" width="57" height="37" border="0" hsrc="images/Slice_07_7_over.gif"></a></td>
    <td>
    <a href="#"><img src="images/Slice_08_8.gif" alt="" width="73" height="37" border="0" hsrc="images/Slice_08_8_over.gif"></a></td>
    <td>
    <a href="#"><img src="images/Slice_09_9.gif" alt="" width="49" height="37" border="0" hsrc="images/Slice_09_9_over.gif"></a></td>
    <td colspan="3">
    <a href="#"><img src="images/Slice_10_10.gif" alt="" width="71" height="37" border="0" hsrc="images/Slice_10_10_over.gif"></a></td>
    <td colspan="2">
    <a href="#"><img src="images/Slice_11_11.gif" alt="" width="81" height="37" border="0" hsrc="images/Slice_11_11_over.gif"></a></td>
    <td>
    <a href="#"><img src="images/Slice_12_12.gif" alt="" width="105" height="37" border="0" hsrc="images/Slice_12_12_over.gif"></a></td>
    <td>
    <a href="#"><img src="images/Slice_13_13.gif" alt="" width="93" height="37" border="0" hsrc="images/Slice_13_13_over.gif"></a></td>
    <td>
    <a href="#"><img src="images/Slice_14_14.gif" alt="" width="57" height="37" border="0" hsrc="images/Slice_14_14_over.gif"></a></td>
    <td>
    <a href="#"><img src="images/Slice_15_15.gif" alt="" width="85" height="37" border="0" hsrc="images/Slice_15_15_over.gif"></a></td>
    <td colspan="2">
    <img src="images/Slice_16_16.gif" width="194" height="37" alt=""></td>
    </tr>
    <tr>
    <td colspan="6">
    <img src="images/Slice_17_17.gif" width="223" height="39" alt=""></td>
    <td colspan="10">
    <img src="images/Slice_18_18.gif" width="642" height="39" alt=""></td>
    </tr>
    <tr>
    <td colspan="2" background="images/Slice_19_19.gif">&nbsp; </td>
    <td colspan="4" valign="top" bgcolor="#F5F5F5"> <p align="center"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"></p>
    <p align="center"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"></p>
    <p align="center"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"><img src="images/rosterimage.gif" width="50" height="50" hspace="5"></p>
    <p align="center">&nbsp;</p></td>
    <td rowspan="5" background="images/Slice_21_21.gif">&nbsp; </td>
    <td colspan="8" rowspan="5" valign="top" bgcolor="#F5F5F5"> 
    <DIV id=lipsum>
     
    <P align="right">
    <table width="100%" border="0">
    <tr bgcolor="#CCCCCC">
    <td> <b>Welcome to Clan Extreme</b>
    </td>
    </tr>
    </table>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sodales. Nunc lorem. Nullam erat. Nam at sem non ipsum gravida tincidunt. Integer elementum lectus ut urna. Phasellus turpis diam, vehicula eget, pretium et, semper sit amet, quam. Donec lacinia, nisi ut pulvinar luctus, turpis turpis scelerisque metus, ut imperdiet velit sapien non risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Quisque magna diam, placerat vitae, hendrerit ut, congue vel, quam. Etiam scelerisque. Mauris sagittis malesuada purus. Nulla sodales dictum orci. Vivamus ligula. </P>
     
    <P align="right">Nullam interdum. Nam semper enim ac pede. Nullam porttitor sapien non dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris imperdiet. Mauris sit amet lacus. Fusce condimentum felis quis justo. Sed aliquet massa eu augue. Quisque ut urna. Aliquam tincidunt ornare dolor. Curabitur luctus. Suspendisse vestibulum. Vestibulum arcu lectus, sodales non, tempor vitae, vulputate in, nibh. Aenean eget libero quis elit viverra commodo. Praesent arcu nisl, interdum sed, consectetuer id, tincidunt et, turpis. Nullam leo magna, lacinia ut, aliquet sit amet, fringilla id, dui. Vivamus nec orci. Integer euismod volutpat nunc. </P>
     
    <P align="right">Duis scelerisque sagittis velit. Praesent diam. Mauris velit tortor, ullamcorper ac, ultricies sed, varius sit amet, massa. Vestibulum tincidunt sagittis odio. In hac habitasse platea dictumst. Integer turpis lorem, tincidunt ultricies, accumsan vel, tempor pretium, justo. Donec massa purus, rhoncus quis, eleifend at, cursus a, pede. Sed accumsan nibh id elit. Fusce tortor leo, interdum non, malesuada et, semper et, purus. Morbi arcu. Quisque sapien. Donec arcu nulla, malesuada ut, pellentesque vel, molestie id, mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam augue lacus, pulvinar nec, blandit nec, adipiscing quis, ipsum. Suspendisse vel pede. Curabitur quam. Donec nisl. </P>
     
    <P align="right">Sed consectetuer. Duis augue ligula, vestibulum accumsan, facilisis et, placerat id, arcu. Vestibulum iaculis, mauris nec vehicula consectetuer, dui dolor commodo felis, vitae eleifend dolor nunc vitae tortor. In hac habitasse platea dictumst. Fusce et tellus. Duis convallis lobortis mi. Sed nulla magna, viverra et, rhoncus vitae, condimentum ut, sapien. Cras euismod lorem ut nunc. Nulla at lacus. Donec at felis. Quisque nec velit eu arcu tincidunt blandit. Morbi facilisis. Sed eu odio vitae dui sodales iaculis. Aenean at sem. Integer rutrum, lacus id faucibus aliquet, orci dui ornare nulla, vitae consectetuer mi purus fermentum sem. Integer euismod. </P>
     
    <P align="right">Etiam purus. Duis ornare, felis eu varius blandit, ligula arcu consectetuer nunc, in rhoncus odio nulla ut lorem. Aenean aliquet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi elementum ipsum. Donec porttitor eleifend sem. Nunc sodales felis sit amet pede. Sed fermentum interdum massa. Mauris placerat scelerisque risus. Aenean vehicula mi ac erat. Aliquam nec felis id lorem aliquam semper. Nullam facilisis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis diam. Ut porta ipsum et dui. Suspendisse potenti. Cras sagittis metus id urna. Quisque eget odio non lorem scelerisque vestibulum. </P>
     
    </DIV> 
    <br> 
    </td>
    <td rowspan="5" background="images/Slice_23_23.gif">&nbsp; </td>
    </tr>
    <tr>
    <td colspan="6" background="images/Slice_24_24.gif" style="background-repeat:repeat-x; background-color:f5f5f5; "> 
    <br><br></td>
    </tr>
    <tr>
    <td background="images/Slice_25_25.gif">&nbsp; </td>
    <td colspan="5" valign="top" bgcolor="#F5F5F5"> 
    <p align="center">Sil3nt - CAL-P - <span class="style1">WIN</span>
    <br> 
    Sil3nt - CAL-P - <span class="style1">WIN</span> 
    <br>Sil3nt - CAL-P - <span class="style1">WIN</span> 
    <br>Sil3nt - CAL-P - <span class="style1">WIN</span> 
    <br>Sil3nt - CAL-P - <span class="style1">WIN</span> 
    <br>Sil3nt - CAL-P - <span class="style1">WIN</span> </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <br>
    </td>
    </tr>
    <tr>
    <td rowspan="2" background="images/Slice_27_27.gif">&nbsp; </td>
    <td colspan="5">
    <a href="<A href="http://www.clantemplates.com"><img/">http://www.clantemplates.com"><img src="images/Slice_28_28.gif" alt="" width="213" height="51" border="0"></a></td>
    </tr>
    <tr>
    <td colspan="5">
    <a href="<A href="http://www.prodencial.net"><img/">http://www.prodencial.net"><img src="images/Slice_29_29.gif" alt="" width="213" height="55" border="0"></a></td>
    </tr>
    <tr>
    <td colspan="16">
    <img src="images/Slice_30_30.gif" width="865" height="36" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/spacer.gif" width="62" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="15" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="10" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="5" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="42" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="73" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="49" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="44" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="14" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="13" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="80" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="105" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="93" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="57" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="85" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="181" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="13" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="14" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="68" height="1" alt=""></td>
    </tr>
    </table>
    </body>
    </html>

  2.  

  3. #2
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    You should seriously consider completely redesigning the page by hand given it appears to be generated automatically. All those spacer images will make it virtually impossible to debug.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:15 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com