SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Nov 2004
    Location
    Bristol
    Posts
    235
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    form layout not working

    Hi all,

    I've got a problem that I'm having trouble fixing and would
    appreciate any help you could provide. The webpage in question is

    http://www.golfbettingguide.com/stat...olf-stats2.php


    and the css
    http://www.golfbettingguide.com/styles/styles123.css

    It's a test page for a feature very similar to Google Suggest
    auto-complete which a programmer I've hired has implemented (fyi, It only works in IE, this is the expected behaviour ) for me. See the inline form at the top of the page (mandatory, optional etc) I'm now implementing the code into my page but it seems to be causing
    a problem in IE.

    Basically the heading for the email sign up box on the left has become messed up since the auto-complete code has been implemented. The GBG newsletter image has been pushed to the left and a white space left where it was previously.

    You can see what it should look like at the homepage
    http://www.golfbettingguide.com/index.html

    I'm pretty sure this is connected to the auto-complete code as the problem
    doesn�t occur in Firefox (where the script doesn�t work).

    I'd be grateful for any suggestions how to fix this.

    Thanks
    Graham Cox

    Is this the perfect list building tool for bloggers?
    Grab your FREE 30 day trial of Ultimate Footer Ad NOW

  2. #2
    SitePoint Addict
    Join Date
    Nov 2004
    Location
    Bristol
    Posts
    235
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    auto-complete form layout problems

    Hi

    Iíve managed to fix i) by placing the GBG newsletter image inside an <h2> tag but Iíve run into another issue.

    If you start typing in the ďmandatoryĒ box, a list of golfers names will appear but this has the side effect of bumping the newsletter form down so that the top of it is visible between the bottom of the golfers names list
    box and the top of the menu. I want the newsletter form to be completely
    out of view when the golfers names box appear. I figure the GBG newsletter form just needs to stay put so that the golfers name box covers it up.

    Iíve tried making the ezine_wrap div both fixed and absolutely positioned but neither work.

    Hereís the code snippet from inside golf-stats2.php


    <div class="left">
    <div id="leftcontentwrap">
    <div id="vals1" style="
    font: bold 0.9em verdana, arial, sans-serif;
    background: #eaf3da;
    border: #393 1px solid;
    width: 155px;
    height: 218px;
    overflow: auto;
    display: none;
    z-index: 2;
    "></div>


    <div id="ezine_wrap">



    <h2><img src="../images/gbgnews.gif" alt="Golf Betting Guide newsletter" /></h2>
    <form name="newsletter" method="post" action="http://www.golfbettingguide.com/12all/box.php">
    <input name="name" type="text" value="first name"
    id="name" class="nametext" onclick="if( this.value ==
    'email address' ) this.value = ''; return true;" />
    <input name="email" type="text" value="email address"
    id="email" class="emailtext" onclick="if( this.value ==
    'email address' ) this.value = ''; return true;" />
    <div id="radio">
    <input name="funcml" type="radio" value="add" id="sub_radio" checked="checked" />
    Subscribe
    <input name="funcml" type="radio" value="unsub2" id="unsub_radio" />
    Unsubscribe</div>
    <input name="p" type="hidden" id="p" value="2" />
    <input type="hidden" name="nlbox[1]" value="1" />
    <input name="submit" type="submit" value="Submit" class="button" />
    </form>
    <p>Sign up now for our weekly golf tournament picks, best value
    bets and lays, and latest free bet offers...direct to your inbox!</p>
    <div id="ezine_links"> <ul>
    <li><a href="../content/privacy.html" onclick="NewWindow(this.href,'popups','320','280','no','center');return
    false" onfocus="this.blur();">Privacy</a></li></div>
    </div>
    <!-- end div ezine_wrap -->


    The inline style inside the vals1 div is for the box that appears when you type a golfers name in the mandatory box.

    At the moment #ezine_wrap looks like this in styles123.css (but Iíve tried
    position: absolute and position: fixed etc)
    #ezine_wrap {
    background-color: #fff;

    width: 152px;
    height: 208px;

    border-top: 1px #aaa solid;
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    padding: 0px;
    margin: 10px 0 0 7px;
    z-index: 1;
    }

    The links to the pages are:

    http://www.golfbettingguide.com/stat...olf-stats2.php

    and the css
    http://www.golfbettingguide.com/styles/styles123.css


    Iíd really appreciate any ideas/suggestions you gurus out there might have and also for ii) and iii) below.

    Many thanks,
    Graham Cox

    Is this the perfect list building tool for bloggers?
    Grab your FREE 30 day trial of Ultimate Footer Ad NOW

  3. #3
    SitePoint Addict
    Join Date
    Nov 2004
    Location
    Bristol
    Posts
    235
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    oops...."also for ii) and iii) above"
    Graham Cox

    Is this the perfect list building tool for bloggers?
    Grab your FREE 30 day trial of Ultimate Footer Ad NOW


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
  •