Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Floating Form Elements over a Background Image

    Hey folks,
    I am looking or a solution to float the elements of a submit form I wanted to have on my blog OVER the background image in my header.
    Is there any way to do this? I am assuming the trick involved some CSS or whatnot, but I am a bit confused as to what exactly I should be doing here.

    I've made an image to help you see what I am trying to do:

    [img=http://img697.imageshack.us/img697/9852/exampled.jpg]


    Just a note: the header is already coded in css as the background image of a DIV, so I don't think
    that excessive splicing & dicing is the right way to do this... er at least it would be a total pain :X

    Thanks in advance for your help!
    Last edited by jrrwizard; 01-03-2010 at 09:56 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    You could apply that image as as a single background image of your form/container. Before that, try to position your input elements and labels. The article at http://www.alistapart.com/articles/p...cessibleforms/ might help.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jan 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Alright, I got it to work by doing it the painful way... i.e. re-splicing my header and just jamming code into a div. Thanks for the hand abduraooft


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •