static web page background

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.
      Signature
      Must see video If you use mailers,solo ads, traffic exchanges or PTC sites. Watch the demo and you will want it | Free link shortening hide those affiliate links....
      {{ DiscussionBoard.errors[3199409].message }}
  • Profile picture of the author alan9187
    Lloyd,

    Thanks for this , will try it now.
    Signature

    Give everyone a chance

    {{ 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
        Signature

        I am grateful to be involved in an ever changing advertising/marketing industry and proud to live in the Tacoma Wasington area. How's it goin?

        {{ 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.
    Signature

    Give everyone a chance

    {{ DiscussionBoard.errors[3271541].message }}

Trending Topics