PDA

View Full Version : Dropdown HTML control postiion



palnudb
10-09-2008, 08:30 AM
1) Script Title:
Dropdown HTML control

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/dropdowncontrol.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

ddadmin
10-10-2008, 02:46 AM
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:


<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/dynamicindex5/overlapcontent.htm