Dropping A Form On Top Of A BGpic...

Discussion in 'CSS' started by racecardriverguy, Jun 13, 2008.

  1. #1
    If I want to create a BGpic that covers the entire page, like one of a race at Daytona, maybe 850x850, how would I overlay my form over the pic so that it's functional and still see parts that aren't covered by text fields and such?

    I know there is a simple tag, but If I have created the form first to make sure it's functional and then want to add the BGpic, how would I best accomplish this?

    I was told to try:

    form { background: url(yourpic.jpg) no-repeat }

    But when I put the code in my INDEX.HTM like this:

    form { background: http://www.aol.com/nascarsite/bgpic.jpg no-repeat }

    I uploaded the pic and this aforementioned index.htm and I get an Error Parsing Styles for IE5 from my Dreamweaver8. It doesn't come up either and if I click on just the jpg, I get an error that I didn't upload my index.htm, even though it's listed in the files.
     
    racecardriverguy, Jun 13, 2008 IP
  2. jBud

    jBud Peon

    Messages:
    387
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you're correct adding the background will do the trick...
    but the url you provided has no image, that could be why you're not seeing one.

    <style type="text/css">
    <!--
    form{
    	background-image: url(http://www.aol.com/nascarsite/bgpic.jpg);
    	background-repeat: no-repeat;
    }
    -->
    </style>
    HTML:
     
    jBud, Jun 14, 2008 IP
  3. racecardriverguy

    racecardriverguy Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks jBud for the help, I forgot the parentheses.
     
    racecardriverguy, Jun 14, 2008 IP