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.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".