7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

static web page background

by alan9187
6 replies
  • WEB DESIGN
    • |
Hi .

I need help on how to make my sales page with header and footer graphic move up and down whilst leaving the backgound also a graphic in a static position. I'm sure this is something to do with tables
#background #page #static #web
  • Profile picture of the author Lloyd Buchinski
    This is the basic css that will get the job done for you.

    { background-image:url('image.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center; }
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[3189465].message }}
    • Profile picture of the author e-mail2u
      Originally Posted by Lloyd Buchinski View Post

      This is the basic css that will get the job done for you.

      { background-image:url('image.gif');
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center; }
      couple of things to be aware of.

      background-repeat:no-repeat;

      you can also use -x for horizontal or -y for vertical or repeat for tiled this all depends on the background image. Now some use a gradient so you may want to add a color on to the end of this also if the image does not fit the screen.

      background-position:center;

      also be aware of the positioning of the image top is a better option if repeating -x,-y or tile.
      {{ DiscussionBoard.errors[3199409].message }}
  • Profile picture of the author alan9187
    Lloyd,

    Thanks for this , will try it now.
    {{ DiscussionBoard.errors[3191657].message }}
    • Profile picture of the author Lloyd Buchinski
      Post again if that doesn't do it. I haven't used the fixed background myself, but it is interesting to see on a site while I am scrolling down. This one came from code snips that I save.

      I just compared it to the css of site where I use 'repeat-x' for a bg image, and there was a difference. One quirky little wrong thing can screw up a page big time. Fingers crossed.
      Signature

      Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

      The KimW WSO

      {{ DiscussionBoard.errors[3194076].message }}
      • Profile picture of the author csmcmanus
        looks good to me Lloyd
        {{ DiscussionBoard.errors[3195093].message }}
  • Profile picture of the author alan9187
    Thanx for reply's warriors, Seem to be on top of it now, But was wondering ?, I want to create a srolling sales page for a minisite. when you get to the sales page there would be a large hearder graphic and the left and right hand side of the scrolling sales page would be part of the combined header graphic, when you scrolled this would leave the left and right hand side graphic motionless, How do i do this?. THANX.
    {{ DiscussionBoard.errors[3271541].message }}

Trending Topics