View Full Version : Floating Form Elements over a Background Image

01-03-2010, 10:53 PM
Hey folks,
I am looking or a solution to float the elements of a submit form I wanted to have on my blog OVER the background image in my header.
Is there any way to do this? I am assuming the trick involved some CSS or whatnot, but I am a bit confused as to what exactly I should be doing here.

I've made an image to help you see what I am trying to do:
[img=http://img697.imageshack.us/img697/9852/exampled.jpg] (http://img697.imageshack.us/i/exampled.jpg/)

Just a note: the header is already coded in css as the background image of a DIV, so I don't think
that excessive splicing & dicing is the right way to do this... er at least it would be a total pain :X

Thanks in advance for your help!

01-04-2010, 09:20 AM
You could apply that image as as a single background image of your form/container. Before that, try to position your input elements and labels. The article at http://www.alistapart.com/articles/prettyaccessibleforms/ might help.

01-05-2010, 05:37 AM
Alright, I got it to work by doing it the painful way... i.e. re-splicing my header and just jamming code into a div. Thanks for the hand abduraooft :rolleyes: