Results 1 to 2 of 2

Thread: Dropdown HTML control postiion

  1. #1
    Join Date
    Oct 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Dropdown HTML control postiion

    1) Script Title:
    Dropdown HTML control

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...owncontrol.htm

    3) Describe problem:
    Ok, I am coming into the home stretch of finishing up this site keywords and a few tweaks then set up on clients server. please click"search DPSI" on the right side of the dk blue bar. the drop down works but its way down there instead of just under the blue bar. I am not seeing any strange CSS. whats causing the search dropdown to be so far down? And how can i fix it?

    You can see my code at http://www.bigpictureimaging.com/dpsi/searchtest.html

    TIA
    palnudb

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Most of the positioning problems with the drop down menus can be solved by making sure the HTML for the drop down DIVs themselves is outside any container tag on the page other than the BODY. So in your case, try moving the drop down DIV itself to the bottom of your page, just above the "</body>" tag:

    Code:
    <div class="sample_attach" id="sample_attach_src_child">
      <form action="http://www.bigpictureimaging.com/dpsi/searchresults.html" id="cse-search-box">
      <div>
        <input type="hidden" name="cx" value="017344297393639877235:ht2si_lsxq0" />
        <input type="hidden" name="cof" value="FORID:9" />
        <input type="hidden" name="ie" value="UTF-8" />
        <input type="text" name="q" size="23" />
        <input name="sa" type="submit" class="small" value="Search" />
      </div>
    
    </form>
    <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
    </div>
    
    <!--<b>Enter search terms:</b><br />
    <input class="sample_attach" type="text" name="terms" /><br />
    <input type="submit" value="Submit" />-->
    </div>
    </form>
    
    <script type="text/javascript">
    at_attach("sample_attach_src_parent", "sample_attach_src_child", "click", "y", "pointer");
    </script>
    
    </body>
    Another script to look at as well would be: http://www.dynamicdrive.com/dynamici...lapcontent.htm
    DD Admin

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
  •