O'Reilly logo

PHP jQuery Cookbook by Vijay Joshi

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating an interface for tabbed navigation

Tabs are a very powerful tool for displaying more information in less space. We will go thorough some techniques in this recipe and the next few recipes that will allow us to create tabs for displaying data.

Getting ready

Create a folder for this recipe in the Chapter7 directory and name it as Recipe5.

How to do it...

  1. Create a file named index.html in the Recipe5 folder. In the same folder create another file named tabs.css. This file will be used to write the CSS rules for elements.
  2. Open the index.html file in the text editor of choice. First of all, reference the tabs.css file in the head section. Now create the structure of the tabs. Tab headers will be an unordered list with each list item representing ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required