2 background images....????

Discussion in 'CSS' started by morewebs, Apr 29, 2008.

0
  1. #1
    Is there a way to create 2 background images in CSS?

    First image located at the very top of a page > the second image located at the very bootom of a page?

    Some help or info regarding this issue would be most appreciated.

    Thanks
     
    morewebs, Apr 29, 2008 IP
  2. ourblink

    ourblink Peon

    Messages:
    25
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    div.doubleimage {
    background-image: url(imageONE.jpg), url(imageTwo.jpg);
    background-repeat: repeat-y;
    background-position: top left, top right;
    width: 100px;
    height: 100px;
    border: 1px solid #000000;
    }

    -----------------------
    PS. Only Safari :)
    IE and Fire Not Worked:p
     
    ourblink, Apr 29, 2008 IP
  3. mike.greenleaf

    mike.greenleaf Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Sure. Just create two divs (header and footer) and then apply a background image to each using CSS. You can then use the background-position CSS element to adjust the position of each image within the divs, if needed.
     
    mike.greenleaf, Apr 30, 2008 IP
  4. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #4
    What i do is just put it inside two Div's so we have

    <div id="wrap">
    <div id="wrap2">
    </div></div>

    Then set the background images for wrap and wrap 2 simple as!!
     
    wd_2k6, Apr 30, 2008 IP