Need help placing an image.

Discussion in 'HTML & Website Design' started by leftwheel, Nov 19, 2009.

  1. #1
    Hi!

    I need a little help placing an image to the signup page of my social network.

    Here's what i did:

    CSS:

    Signup {
    height:160px;
    background-color:transparent;
    }

    #Signup .Image1 {
    background-image: (../../../design/images/signup.png);
    position:relative;
    }


    HTML:

    <div id="Signup"><div class="Image1"></div>

    Can anyone tell me what i am doing wrong?
     
    leftwheel, Nov 19, 2009 IP
  2. rhewitt

    rhewitt Member

    Messages:
    113
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #2
    Try this:

    
    #Signup {
    height:160px;
    background-color:transparent;
    }
    
    #Signup .Image1 {
    background-image: url(../../../design/images/signup.png);
    }
    Code (markup):
     
    rhewitt, Nov 19, 2009 IP
  3. stuart.letterman

    stuart.letterman Guest

    Messages:
    143
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That's an odd way of doing this, you could just use on DIV :confused:

    Anyway make sure you close both DIVs:

    <div id="Signup"><div class="Image1"></div></div>
     
    stuart.letterman, Nov 19, 2009 IP
  4. leftwheel

    leftwheel Well-Known Member

    Messages:
    725
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    135
    #4
    It's not working. The Signup class seems to work since there is free space for the image now. However, it doesn't appear.

    Have a look
     
    leftwheel, Nov 19, 2009 IP
  5. leftwheel

    leftwheel Well-Known Member

    Messages:
    725
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    135
    #5
    i got it working now. thanks you very much for the help.
     
    leftwheel, Nov 19, 2009 IP
  6. stuart.letterman

    stuart.letterman Guest

    Messages:
    143
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Glad to help, keep trying out CSS tricks until it becomes second nature :D
     
    stuart.letterman, Nov 28, 2009 IP