Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: 2 Background images?

  1. #1
    Join Date
    Aug 2006
    Posts
    235
    Thanks
    30
    Thanked 2 Times in 2 Posts

    Default 2 Background images?

    Okay right now I'm making a layout with 2 background-images. For the first I'm using the basic body code. For the second I'm attempting to use a div with this code:
    Code:
    .backgrounddiv {
    background-color : #27394d;
    top : 0px;
    width : 640px;
    height : 100%;
    }
    Im trying to make it extend all the way down the page that is why the height is set to 100%. However its not working :/ Here is the link to the layout: click here

    Any suggestions? Is there another code I could use?
    ------------------
    Check out my site here and let me know what you think

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    In the markup, backgrounddiv is an id value. Change the period to a hash:
    Code:
    #backgrounddiv
    Good luck!

  3. #3
    Join Date
    Aug 2006
    Posts
    235
    Thanks
    30
    Thanked 2 Times in 2 Posts

    Default

    Damn it didn't work for some reason. Is there another way to have 2 background images? Or get the effect I am looking for?
    ------------------
    Check out my site here and let me know what you think

  4. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    I'm not sure I understand what effect you are looking for. Could you post an image or something? Having multiple backgrounds will be possible with CSS3 but this feature is not widely supported yet:
    http://www.css3.info/preview/multiple-backgrounds/
    I'm sure there is a workaround but please try to be more detailed about what you are trying to achieve.

  5. #5
    Join Date
    Aug 2006
    Posts
    235
    Thanks
    30
    Thanked 2 Times in 2 Posts

    Default

    I want it to look like this: click. Where the blue bar always extends to the bottom of the page. However when i code it that way there is no lined background :/

    ----
    Basically I want the same effect as if I had this image set to repeat down only in the center of the page. (Like the layout is now, however I would also like the lined background to be there.)
    ------------------
    Check out my site here and let me know what you think

  6. #6
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    It looks like it's working now. The blue line repeats all the way down. Or maybe I'm still not getting this

  7. #7
    Join Date
    Aug 2006
    Posts
    235
    Thanks
    30
    Thanked 2 Times in 2 Posts

    Default

    The lined background isn't there :/ lol
    ------------------
    Check out my site here and let me know what you think

  8. #8
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    This is what I see:
    Attachment 2522

  9. #9
    Join Date
    Aug 2006
    Posts
    235
    Thanks
    30
    Thanked 2 Times in 2 Posts

    Default

    Which Mozilla is that? because this is what I see and what i want to see:

    -----

    does my site look messed up too? cuz I see that website layout different, so my site could look different on your comp. is there a way i can check that without actually going to someone's computer?
    ------------------
    Check out my site here and let me know what you think

  10. #10
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    It's Firefox 3.0.6 on Win XP sp3. I don't really see any difference between your "see" picture and your "wanttosee" one. Could you be more specific?

    If you want to see what your site looks like in different browsers and on different machines, check out http://browsershots.org/
    You can pick a lot of options and most of them come back in just a few minutes. This site has helped me a LOT!

    Good luck!

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
  •