Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Background Image Scrolling

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #26488
    RPianist
    Member

    Hi all, I’m have a really difficult time with a blog I’m setting up.

    I have a background image that I would like to see scroll under my content as the web browser’s scroll bar goes up and down. Here’s the link to the blog, once you’ve seen it I think you’ll get a picture of what I’m trying to do:

    http://buffalofirefly.blogspot.com/

    So you can see the content over the picture, if you scroll down then there’s no background. What I want to see happen is the picture that appeared oh-so-nicely when you open the link to scroll down with the scroll bar – but try as I might I can’t get it to go. I realize CSS will give the background image the ability to scroll with the containing object, but since it sits inside the body, it’s not going anywhere.

    This is all I’ve got for the background image – no successes here obviously, I’ve tried other things I’ve found but I keep hitting the same roadblock.

    Code:
    body {
    background-image:url(‘http://terpsichore.stsci.edu/~summers/viz/hgast/hgast_imax_sombrero_galaxy_0510_1404x1024.jpg’);
    background-repeat:no-repeat;
    margin:0;
    color:$textcolor;
    font: x-small “Trebuchet MS”, Trebuchet, Verdana, Sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

    I’m not very CSS fluent so if someone can generate the block of code I need to accomplish this, that’d be fantastic!

    #65674
    dcp3450
    Participant

    Part of development is learning. Google "css position" the first link should be from w3schools. That should put you on your feet.

    #65680
    RPianist
    Member

    Sorry, but this wasn’t helpful. I’ve already looked at over 20 websites, at least half of them 10x more detailed than the above mentioned site. I’ve already seen and tried everything provided on w3schools.com about position – I need much more serious help here.

    As I said, the problem is that it’s contained in the body class and its position is related to the body class when I need it related to the web browser.

    Edit: I think what I need is someone to tell me where to put the code, or perhaps how to put it in my code.

    #65681
    RPianist
    Member

    Problem solved – compilation-type error.

    #65684
    dcp3450
    Participant

    it seemed like you wanted to the background image to not scroll with the page. e.g.

    position: fixed;

    when you scroll the image would not move.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.