SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2006
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Scrolling / Sliding Tabs

    Do you guys know how to create a scrolling/sliding tabs?

    If you have used Dreamweaver before, you know that when you open a new page - it creates a new tab. If you have too many tabs, the an arrow appears on the left and right for you to scroll.

    It's just that I have a liquid design with 6-8 tabs (horizontally). It looks fine in a 1024x768+ resolution. But if I resize the window to something less than that, the tabs break and add an extra line.

    I don't have a clue on how to do this!

  2. #2
    SitePoint Wizard Blake Tallos's Avatar
    Join Date
    Jun 2008
    Location
    Cuyahoga Falls, Ohio.
    Posts
    1,511
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Blake Tallos - Software Engineer for Sanctuary
    Software Studio, Inc. C# - Fanatic!
    http://www.sancsoft.com/


  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2006
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the links. But they didn't solve my problem.

    This is what I mean by sliding/scrolling menus. Check this image:

    http://webstunner.com/tabs_example.png

    If there are too many tabs, instead of breaking into another line... I want to keep the tabs in one line and add arrows for the user to scroll to the desired tab.

    Something very similar to this:
    http://extjs.com/deploy/ext-2.0-alph.../tabs-adv.html

    But that script is too complex for me. I just want the arrows and the ability to scroll/move/slide the tabs.

    Hope the image helps.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •