Forums

Give help. Get help.

  • # June 9, 2010 at 6:47 pm

    hello,

    on a horizontal scrolling website, i am trying to raise the scroll bar like:
    http://www.swearwords.com.au/#work_0

    do you know how i can get the scrollbar to move and create a footer below?

    thanks!

    # June 9, 2010 at 7:49 pm

    The scroll bar is not raised, there is a background image positioned immediately below it which give this effect.
    Look for this code in the CSS

    #tab_work {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/site/bg_tab_work.gif) repeat-x scroll left top;
    height:35px;
    overflow:hidden;
    }

    # June 9, 2010 at 9:19 pm

    i know to add the css code above to my css stylesheet.
    how can i add that effect to my template?

    thanks for your help.

    # June 10, 2010 at 2:00 pm

    I’m sorry I don’t understand what you mean, :? what don’t you know how to do?

    # June 10, 2010 at 2:37 pm

    not sure how to get the css style called out on my index page.

    # June 11, 2010 at 5:07 pm

    Without a link to your page it is difficult to see what you have done and how to achieve the effect you want.

    # June 11, 2010 at 5:49 pm

    i have added an image in the background on both the css and the footer.php file. the images show up, just do not pop the scroll bar up, it remains below the footer.

    i am testing here:
    http://martinmancha.com/test/

    i am trying to get the scrollbar above the footer area like:
    http://www.swearwords.com.au/

    thanks again, appreciate any more tips!

    # June 11, 2010 at 8:58 pm

    You have a width of 12000px on your container tag which is why you are getting the scroll bar on the browser window. To make your site work like that you will need to restructure your markup.

    To do that look at their source code, you will see that the html layout of their site is very different. They are using position: absolute not floats and widths in percentages. Redo your html and then copy their css and apply it to your html.

    Taking apart a site like that and rebuilding it is an excellent way to learn.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag