SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Downloaded a community script and having a hard time with the code

    The website I've been playing around with is www.findgolfbuddies.com

    On the left side, you can see the big gap between the welcome message and then the "find golfers" search. I can't seem to figure out why there is the big gap there? Can someone assist me? I've never used tables for layout and it just looks like a big glob of a mess to me, but I've been doing okay with changing other aspects of the site, just can't seem to figure this out. Where is the gap coming from?

    Thanks
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  2. #2
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think it's the google ad script that's throwing the positioning out of wack... it doesn't seem to be a container. It does seem badly coded - I don't have time to take down the code and check it out though.

    Ah, just found this:

    Code:
        
    </table>
    <a href="http://www.findgolfbuddies.com"><img src="http://www.findgolfbuddies.com/theme/default/images/frame/logo.gif" alt="Logo" width="424" height="122" id="headerlogo"/></a>      <!-- /leftpane -->
    </td>
    Why is this pointing to the header image just above the form? when it's already being called at the top of the page.........

    I'm afraid the code is a mess ! The cell adjacent to the form is also pushing down this particular cells' content... You will also need to add margin and padding to 0 for the form.

    Put the page through the validator and there's even more errors.

    that's pretty much all I can tell on a quick look... sorry I don't have time to help further right now.

    Nadia

  3. #3
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, I definitely agree, it's TERRIBLY coded. I may not use it just for this simple fact.

    The code you gave me for the header image, I can't seem to find that in any of the templates I've been using so I'll have to do some more searching as I'm sure it's something that's being dynamically pulled in. There are a bazillion templates and I've slowly but surely been going through them.

    The Google ad may be contributing to the space, but I know it's not the main contributor as the space was there before I started messing with the ad placement.

    Thanks for your thoughts. If you get a chance to take another look, cool, if not no big deal.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  4. #4
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try this code: - It was the placement of the google ad... it was placed on the right hand side and it was causing the content to drop on the left hand side. I also removed some rows/cells that really weren't needed - they were just added extra spacing. Even now, it's not as close as it could be, but that would probably come down to the padding/margins maybe in the different styles associated with the tables.... You'll have to find a better way to incorporate the google ads :-) Hope this helps...

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>FindGolfBuddies.com</title>
    <script type="text/javascript" src="theme/default/javascript.js"></script>
    <link href="theme/default/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <!-- header -->
    <!-- /header -->
    <table width="855" border="0" align="center" cellpadding="0" cellspacing="0" class="fullheight">
    <tr>
    <td height="160" colspan="2" valign="top" background="theme/default/images/frame/header.gif"><table width="100%" height="135" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="122" align="left" valign="top"><a href="http://www.findgolfbuddies.com"><img src="theme/default/images/frame/logo.gif" alt="Logo" width="424" height="122" id="headerlogo"/></a></td>
    <td height="122" align="center" valign="bottom"><div id="laneContainer"></div></td>
    </tr>
    <tr>
    <td id="navigation"><!-- breadcrumbs -->
    <a accesskey="d" href="?L=users.desktop">My Desktop</a> <a href="?L=contacts.contacts">My Contacts</a> <a accesskey="s" href="?L=search.users">Search</a> <a accesskey="b" href="?L=blogs.browse">Blogs</a> <a href="?L=chat.chat">Chatrooms</a> <a accesskey="f" href="?L=inkspot.index">Inkspot</a>
    <!-- /breadcrumbs --></td>
    <td align="right" id="usercontrol"><a href="?L">Login</a> <a href="?L=registration.register">Register</a> <a accesskey="h" href="javascript:popUp('?L=help.help&chromeless=1&origin=HOME');">Help</a></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td colspan="2" valign="top" bgcolor="#FFFFFF"><!-- header -->
    <!-- /header -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
    <tr>
    <td width="530" valign="top"><!-- leftpane -->
    <table class="welcome" width="468" border="0" cellspacing="0" cellpadding="0" >
    <tr>
    <td width="25">&nbsp;</td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><div class="homeColorSet1">
    <h1>Welcome to FindGolfBuddies.com</h1>
    <p>Welcome to FindGolfBuddies.com!  Please register yourself and take a look around.  There's lots to see and do, so take your time, meet some new golfers, and make yourself at home.</p>
    </div></td>
    </tr>
    </table></td>
    </tr>
    </table></td>
    <td width="290" valign="top"><!-- rightpane -->
    <table class="welcome" width="255" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><h1 class="homeColorSet2">Login</h1></td>
    <td width="25">&nbsp;</td>
    </tr>
    <tr>
    <td colspan="2"><form method="post">
    <table width="100%" border="0" cellpadding="0" cellspacing="2">
    <tr>
    <td><p class="homeColorSet1">Username:</p></td>
    <td><input name="username" type="text" id="username" size="15" /></td>
    </tr>
    <tr>
    <td><p class="homeColorSet1">Password:</p></td>
    <td><input name="password" type="password" id="password" size="15" /></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><input name="userlogin" type="submit" id="userlogin" value="Login" /></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><span class="errormessage"></span> </td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><a href="?L=registration.register">Register</a> | <a href="?lostpass=true">Lost password </a></td>
    </tr>
    </table>
    </form></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td valign="top"><form method="get">
    <table width="468" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="25">&nbsp;</td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="homeColorSet1">
    <tr>
    <td colspan="0"><div class="homeColorSet1">
    <h1>Find Golfers!</h1>
    </div></td>
    </tr>
    <tr>
    <td width="50%"><input type="hidden" name="L" value="search.users" />
    <input name="query" type="text" id="query" class="fullwidth" /></td>
    <td><select name="gender" id="gender">
    <option value="">Any gender</option>
    <option value="man">Man</option>
    <option value="woman">Woman</option>
    </select></td>
    </tr>
    <tr>
    <td valign="top"><strong>Only show </strong><br />
    <p>
    <label>
    <input name="picture" type="checkbox" value="1" />
    Users with a picture</label>
    <label><br />
    <input name="online" type="checkbox" id="online" value="1" />
    Online users</label>
    </p></td>
    <td valign="top"><p><strong>With age between</strong><br />
    <input name="agelow" type="text" id="agelow" size="3" />
    and
    <input name="agehigh" type="text" id="agehigh" size="3" />
    years old </p></td>
    </tr>
    <tr>
    <td valign="top"><p>
    <input name="Submit" type="submit" id="Submit" value="Search" />
    </p>
    <br /></td>
    <td valign="top">&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    </table>
    </form></td>
    <td>&nbsp;</td>
    <td valign="top">&nbsp;</td>
    </tr>
    </table>
    <!-- footer -->
    <!-- /footer --></td>
    </tr>
    <tr>
    <td height="5" colspan="2" background="theme/default/images/frame/greenbar.gif"><img src="theme/default/images/frame/spacer.gif" alt="Spacer" height="5" /></td>
    </tr>
    <tr>
    <td width="60%" height="160" valign="top" bgcolor="#031545"><div style="padding:15px;">
    <div id="footer_elements">
    <table width="450" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>&nbsp;</td>
    </tr>
    </table>
    </div>
    </div>
    <!-- leftfooterblock -->
    <!-- /leftfooterblock -->
    </td>
    <td width="40%" valign="top" bgcolor="#031545"><div style="padding:15px;">
    <h1><span class="footerColorSet3">Important References</span> </h1>
    <table id="importantreferences" width="100%" border="0" cellspacing="2" cellpadding="0">
    <tr>
    <td><a href="?L=invite.tellafriend&amp;origin=aHR0cDovL3d3dy5maW5kZ29sZmJ1ZGRpZXMuY29tLw==" class="footerColorSet1">Tell a friend / Invite a friend </a></td>
    </tr>
    <tr>
    <td height="1" bgcolor="#003366"><img src="theme/default/images/frame/spacer.gif" alt="Spacer" height="1" /></td>
    </tr>
    <tr>
    <td><a href="?L=info.contact" class="footerColorSet1">Contact us / Report Abuse </a></td>
    </tr>
    <tr>
    <td height="1" bgcolor="#003366"><img src="theme/default/images/frame/spacer.gif" alt="Spacer" height="1" /></td>
    </tr>
    <tr>
    <td><a href="javascript:bookmark('FindGolfBuddies.com', 'http://www.findgolfbuddies.com')" class="footerColorSet1">Bookmark us </a></td>
    </tr>
    <tr>
    <td height="1" bgcolor="#003366"><img src="theme/default/images/frame/spacer.gif" alt="Spacer" height="1" /></td>
    </tr>
    <tr>
    <td><a href="?L=info.terms" class="footerColorSet1">Privacy policy &amp; terms of use </a></td>
    </tr>
    </table>
    <!-- references -->
    <!-- /references -->
    </div>
    <!-- rightfooterblock -->
    <!-- /rightfooterblock -->
    </td>
    </tr>
    <tr> </tr>
    <tr>
    <td height="65" colspan="2" bgcolor="#031545"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="middle" id="copyright" style="padding-left:25px;"><a href="http://www.phpizabi.net" target="_blank" id="copyright">Powered by PHPizabi v0.848b C1</a><br />
    &copy; 2005, 2006 - <a href="http://www.realitymedias.com" target="_blank" id="copyright">Real!ty Medias</a>, All rights reserved </td>
    </table></td>
    </tr>
    </table>
    <!-- footer -->
    <!-- /footer -->
    <script language="javascript" type="text/javascript">
      launchLANE();
      setTimeout('ajFetch(\'?L=&proc_footer_element=random\', \'footer_elements\', true, 300000);', 300000);
    </script>
    </body>
    </html>
    <!-- Powered by PHPizabi v0.848b C1 - http://www.PHPizabi.net -->
    Nadia

  5. #5
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Nadia. I'll have a look at it. I appreciate you taking the time!
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  6. #6
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problems, let me know if it works for you.

    Nadia


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •