• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Creating a tab menu

 
Anil Verghese
Ranch Hand
Posts: 155
  • Mark post as helpful
  • send pies
  • 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
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64959
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • 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/.
 
Mike Bowers
Author
Ranch Hand
Posts: 42
  • Mark post as helpful
  • send pies
  • 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
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic