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

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #41648

    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 !

    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.


    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.