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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HELP: layers in HTML

    Hi all,

    I'm not much of a web designer/developer but doing my best to help out a friend. They would like a form that users can fill some simple details out with and have a background image under it. In Flash no problem but no idea how to attempt it in html.

    Here is an example of the form with background images: http://www.vividpixel.net/pub/sandbo...mywebform.html

    Currently I've been trying to do it using DIV's which works but for some reason my textareaRequiredMsg tags are being ignored. I used to have it sitting in a table and everything worked great but now they want an image behind it I don't know how to proceed. I did try using background-image in CSS and adding it to the table but that means I'm locked into having a single table for my entire page which isn't any good because I don't want the entire page to be limited to 3 columns!

    Very basic stuff so forgive me for the sloppy code.

    Any help would be really great, much appreciated!

    Nick.
    Last edited by niic; 11-01-2010 at 03:02 AM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Remove that img tag ans set the image as the background of <form> tag (or on a wrapper <div> of that form )
    Code:
    form{background:url(images/bg_entire.jpg)}
    PS: You need to remove all tables used in your layout, since using tables for layout is stupid.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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