Using an image as a border

Discussion in 'HTML & Website Design' started by anarmyofme, May 16, 2008.

0
  1. #1
    I'm working on a site for my in-laws:

    shiversbbq.com

    I made the header and sidebar using slices with photoshop but I want to continue the wood border into the right and bottom of the main content. What is the best way to do this?

    Thanks!
     
    anarmyofme, May 16, 2008 IP
  2. webcosmo

    webcosmo Notable Member

    Messages:
    5,840
    Likes Received:
    153
    Best Answers:
    2
    Trophy Points:
    255
    #2
    Use a small slice of that image for vertical and horizontal. Create css for horizontal and vertical backgrounds using those images. You can then use tables or divs to show them.
     
    webcosmo, May 16, 2008 IP
  3. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Well you could set the right-wood border as a background image for the main-content div like this:

    #mainContent { background: url (LINKTORIGHTWOODSLICE.JPG) right top no-repeat; }

    (Change no repeat to repeat-y and use a smaller image sample if you like to increase loading times)

    And for the bottom , well you could either add it as a background image as done above to the top of the footer DIV, or add it to the last element that appears within the main container!!
     
    wd_2k6, May 16, 2008 IP
    anarmyofme likes this.