Inserting an image into contact form

[goalieman34]

In my contact form I have a large white space on the top right hand side. I would like to insert an image into that space and am have problems getting it to work. If anyone could take a look at this that would be great. Thanks !

http://www.jobspark.ca/post-a-job/

[Andy Howells]

The problem I assume you’re having is that each part of that form is enclosed in it’s own 100% width div. So floating etc is a problem (I assume).

You’ve got a couple of options;

– Do away with the DIV’s and just float the labels/inputs left and specify the widths you want, then stick an image first in the markup and float it right.

– Alternatively, set the #content div to position: relative; and then absolutely position your image.

[wolfcry911]

Is the image vital to the form content or just design? I’m guessing the latter, in which case I’d just add a background image to #content

[goalieman34]

Thanks you guys,
The method that I have been trying was to add a background image to the contact form and then position it to the right.
http://www.jobspark.ca/post-a-job/

[Author]

Posts