Hi,

I'm very much a novice at web design but have been playing around styling forms with css and using fieldset and legend for grouping/labelling.

I want to try and incorporate the submit button onto the form itself - i found an example of the sort of thing I'm trying to achieve here:

www health-insurance-quotes.org.uk/

I've looked over the source code but the submit code just seems to hang around outside the form itself - I can't see how it's been placed on the bottom border.

Does anyone know how this has been done or any other ways to achieve a similar effect?

Thanks,

rboulder

That is what the REAL use of absolute positioning is.

Hi chris,

thanks. Is the submit button coded totally eparate from the form then and then just positioned so it's pixel perfect? I just couldn't see anything on the source code to indicate anything like that? Are there any decent tutorials on this - everything i found so far on form design seems to focus on just css styling a basic form?

thanks

A button has to be inside the form for the form action to be completed on the button being pressed

Have a read at the Elated tutorial on positioning.

1.set id for button
<input name="search" id="search" value="" type="submit">
2.between the head tag place this code
<style>
#search { height: 49px; width: 239px; background: url(../../images/btn_search.png) top left no-repeat; border: 0; cursor: pointer;
position: absolute; right: 15px; bottom: -23px }
</style>

it is dont by this attribute bottom: -23px