Forums

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

Home Forums CSS how to fixed left menu , head menu and have slide horizontal bar in right content box?

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #33518
    hiiji
    Member

    sample;
    layout have ;



    how to fixed head and left-menu for have slide horizontal bar in content?

    I need put many image to content with horizontal style and click slide bar to see all image from left to right.

    Thanks

    #83472
    furrball1383
    Member

    Do you mean that you need a horizontal scroll bar or that you need a horizontal slider?

    #83509
    hiiji
    Member

    @furrball1383 sorry from my explain. I need horizontal bar.

    #83529
    furrball1383
    Member

    from your explanation it seems like you simply want to have the header and left menu stay in position while the content area is scrollable horizontally. if so, its just a matter of positioning your images within your content div and then add these two lines to your css for the div



    overflow-x: scroll;
    overflow-y: hidden;

    I’ve set y to hidden and x to scroll but if you don’t want to specify both in case you may need your y axis scrolling later then use:



    overflow: auto;

    #83535
    hiiji
    Member

    Thank you. Can I control content area with browser scroll (horizontal) .? I mean scroll bar it hidden on content div but show on browser for control content area.

    #83537
    furrball1383
    Member

    you can but i believe thats more complicated and you’d need to use javascript

    #83539
    hiiji
    Member

    Thank you, I will try to find out and to do that. ^^/

    #83544
    hiiji
    Member

    @furrball1383 this my demo : demo hahaha it’s baby code. ^^

    #83565
    furrball1383
    Member

    it may be baby code, but it proves that you can do what you need, GJ

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