1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Best way to add image to the bottom of a div?

Discussion in 'CSS' started by local-realtor, Mar 8, 2007.

0
  1. #1
    I need to add an image to the bottom of a container div to give the appearance of rounded corners.

    Whats the best way to do this?
     
    local-realtor, Mar 8, 2007 IP
  2. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #2
    Here's the way I do it:

    #footer {
    clear: both;
    background: url(images/footer.jpg) bottom center no-repeat;
    width: 700px;
    height: 70px;}

    HTML:

    <div id="footer">
    Footer text here
    </div>

    Hope this helps! :)
     
    Katy, Mar 8, 2007 IP
  3. local-realtor

    local-realtor Guest

    Messages:
    140
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yeah it seems like you have to specify the height of the div for it to show up with out overlapping on other content
     
    local-realtor, Mar 8, 2007 IP
  4. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #4
    Yep, otherwise it will be the same size as your text.
     
    Katy, Mar 8, 2007 IP