The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Inserting an image into contact form

  • # December 28, 2012 at 8:10 pm

    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 !

    # December 28, 2012 at 8:31 pm

    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.

    # December 28, 2012 at 9:34 pm

    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

    # January 1, 2013 at 11:04 pm

    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)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed