Inline Embedded Horizontal Tabs?
Ever wanted to incorporate a tabbed interface into your website. Sure the newest version of Adobe Dreamweaver CS4, may have spry widgets that can easily do this, but what if you were looking for an easier to understand and fully customizable design?
The tabbed interface below was developed using a few JavaScript commands and styled using HTML and CSS. It is very easy to implement, and any one with a sound knowledge of HTML and at least one object oriented programming language will enjoy the practicality of the design.
Objectives
Put your information here for the general tab. You can store anything you want, but place all content within a table.
Tab 1
Put your information here for tab 1. You can store anything you want, but place all content within a table.
Tab 2
Put your information here for tab 2. You can store anything you want, but place all content within a table.
Tab 3
Put your information here for tab 3. You can store anything you want, but place all content within a table.
Tab 4
Put your information here for tab 4. You can store anything you want, but place all content within a table.
Tab 5
Put your information here for tab 5. You can store anything you want, but place all content within a table.
Tab 6
Put your information here for tab 6. You can store anything you want, but place all content within a table.
Tab 7
Put your information here for tab 7. You can store anything you want, but place all content within a table.
Tab 8
Put your information here for tab 8. You can store anything you want, but place all content within a table.