Setting Button Locations/Functionality

[jiggyg]

Hello List! First post in this forum as I'm expanding my skillset!

I have a problem that I'm looking for help on...

I currently have a submit button that's located on the bottom of my page:

if request("type") <> "x" then
  Response.Write "<tr>"
    Response.Write "<td colspan=""4"" align=""right"">"
     Response.Write "<a href=""javascript:document.forms[0].Submitted.value='true';document.forms[0].submit();"">"
     Response.Write "<img onmouseover=""MM_swapImage('go','','../" & session("ImageDirectory") & "/buttons/submit_f2.gif',1);"" onmouseout=""MM_swapImgRestore();"" src=""../" & Session("ImageDirectory") & "/buttons/submit.gif"" border=""0"" name=""go"">"
     Response.Write "</a>"
   Response.Write "</td>"
  Response.Write "</tr>"
end if

However, my page is showing >300 rows, so now I have to scroll/page all the way down to the bottom to see/use the Submit button...

I'd like to have the button sort of 'sit' on the bottom of the page and not move if the user is scrolling through the results, so that it is always visible, regardless of their position on the page.

Someone mentioned that I should be able to achieve this using CSS, but didn't know how...so, here I am! If I need to provide any additional info, please let me know as I am new to CSS and the in's-and-out's of it all.

Any help or direction that you could provide would be greatly appreciated!

Thanks in advance for your time and help!
-jiggyg

 

[kaht]

You need to look into the position attribute. Fixed is the value you will be assigning it. For more information look here:

http://www.w3schools.com/css/pr_class_position.asp

Take note that position:fixed will not work in IE6 - so the only way to achieve this effect in that crusty old fossil browser is to use javascript. For more help post here:

forum216

-kaht

Lisa, if you don't like your job you don't strike. You just go in every day and do it really half-assed. That's the American way. - Homer Simpson

[small]<P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <.</B>[/small]