SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    32,817 silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,116
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Background Image...

    I know this should be simple, and yet I can't figure out how to get it to work...

    Code:
    BODY
    {
    background-image: (url:http://som.tacf.org/images/maciek.jpg);
    }
    Page: http://som.tacf.org

    ... It's not showing up
    Digital Hitman, netmobs
    Personal blog: Ensight
    Twitter: @jeremywright

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    close!
    Code:
    .backgroundPic {
     background: url('/images/background-picture.jpg');
    }
    --Vinnie

  3. #3
    32,817 silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,116
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Okay, so how do I position the background on the page? *L* I don't want it top left!
    Digital Hitman, netmobs
    Personal blog: Ensight
    Twitter: @jeremywright

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    You're not easy!
    Code:
    body
    {
    background-image: url('http://som.tacf.org/images/maciek.jpg');
    background-position: right top;
    /* 
    change to right bottom 
    if you want, 
    or left middle, etc.
    you'll probably also need
    this code:
    */
    background-repeat: no-repeat;
    }
    BTW, nice looking site! Good use of opacity for the pop-out menu (I really wish the W3 would hurry up on opacity standards!).
    Last edited by vgarcia; Jan 30, 2003 at 11:04.


Bookmarks

Posting Permissions

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