CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
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.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed