SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Threaded View

  1. #1
    SitePoint Addict hurricanedan's Avatar
    Join Date
    Feb 2006
    North Carolina
    0 Post(s)
    0 Thread(s)

    How to reproduce this image with css

    I have a background with a drop shadow and as a static image it is fine but what I would like to do is break it into 3 parts, a top, middle and bottom.

    Then using CSS I would like it to be able to put the top with no repeat, the bottom with repeat enough for any text, and then the bottom with no repeat. I cannot seem to get it to work and I am not sure if I have to put each one in its own div as a background-image or what.

    Any help would be appreciated,


    ****I have the three images showing up in three separate divs and my margin and padding are set to 0px but there still exist about a 25px separation between each section.

    If I put a 1px solid border around each div then everything comes together. I am lost right now.

    Attached Images Attached Images
    Last edited by hurricanedan; Sep 11, 2007 at 13:41. Reason: More Description


Posting Permissions

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