The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Inserting an image into contact form
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 !
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.
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
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.