• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

Creating a tab menu

 
Ranch Hand
Posts: 155
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi,

Can anyone tell me how to create tab menus. I dont want the tabs to be links...

Regards
Anil
 
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
You'll have to explain what you mean by a tabbed menu. Are you just talking about a tabbed interface? A good resource to start with may be http://www.alistapart.com/.
 
Author
Posts: 42
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I have the perfect solution. Chapter 17 of my book contains two design patterns that show you how to create a tabbed menu.

You can see the solution in action at my website http://cssdesignpatterns.com.

The core design pattern is called Tab Menu ( http://cssdesignpatterns.com/Chapter%2017%20-%20LAYOUTS/Tab%20Menu/example.html ). Another design that is enhanced by JavaScript is called Tabs ( http://cssdesignpatterns.com/Chapter%2017%20-%20LAYOUTS/Tabs/example.html ). Both design patterns can be styled by CSS to fit the look and feel of your site.

The example at the end of the chapter pulls together all the techniques used in the chapter where you can see the tab menu in context. (See
http://cssdesignpatterns.com/Chapter%2017%20-%20LAYOUTS/Layout%20Example/example.html )

Note tab menu design patterns are advanced and use many other design patterns presented earlier in the book. Feel free to use the source code from the examples from my website, but if you want to understand how they work and how you can adapt them to fit your needs, you will need to read my book.

If you need a copy of my book fast, you can download an eBook version from Apress at http://www.apress.com/book/view/1590598040
reply
    Bookmark Topic Watch Topic
  • New Topic