Can this be done? If so how...

Discussion in 'HTML & Website Design' started by st3vo, Oct 31, 2009.

  1. #1
    I would just like to pick at some of your brains. I was just wondering if by any chance this can be done.
    Hi members

    I would like to make a website that is say for instance a picture frame.

    So when you go to the home page a picture frame will apear. Only when you scroll down the picture farme stays in place but the content on the picture will scroll down instaed of the actual picture frame.

    I hope I have explaind myself properly, I think you will get where I am coming from.

    if theis can be done can you please explain to me how I would go about doing it as I cant seem to figure it out.

    Thanks in advance

    Steve
     
    st3vo, Oct 31, 2009 IP
  2. wildogre

    wildogre Well-Known Member

    Messages:
    1,018
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    128
    #2
    I think its possible and flash is probably the best way to do this.
     
    wildogre, Oct 31, 2009 IP
  3. crispunk

    crispunk Member

    Messages:
    196
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    28
    #3
    well i think that if you put the pic on a div and on the next div you put the text and overflow scroll the the text will scroll down and the pic will remain the same it's not that pretty but it's a solution
     
    crispunk, Oct 31, 2009 IP
  4. menelas

    menelas Member

    Messages:
    124
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    28
    #4
    menelas, Nov 1, 2009 IP
  5. dabzo

    dabzo Peon

    Messages:
    188
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    it's dead simple. and yeah, it can be done. Easy with css.

    TOOLS:
    -fixed positioning.
    -width-height!00% ++ x or y repeat of a pattern to fill the space between the corner accents.
    -9 slice scaling for the picture fram so that it resizes with the browser.
    -z indexing
    -may have to do a -margin in some browsers...

    Put the graphics in one div, then another on top with the info for the frame, set it as fixed and use the 9 slice scaling so that the corners are set in the corners and they have 100% fill divs between them, prlly want to stretch a little pattern or something for that.

    hope that helps.
     
    dabzo, Nov 1, 2009 IP