# National Aeronautics and Space Administration

## Goddard Space Flight Center

### Search:

Flight Projects | Sciences and Exploration

Skip Navigation (press 2)

- Tab Navigation
- Banners
- Top Navigation
- Left Navigation
- Columns & Layout
- General Styles & Tables
- Building Your Site
- Best Practices & Policies

## External Links

- Here is where you can link to websites, either inside or outside of NASA
- The left navigation buttons above should be like a table of contents into your site
- Each page linked from the left navigation buttons should have the same navigation button set

## Tabs Section

Top Tabs are useful if you have a complex web site with major sections that require different navigation sets. One possible use: different audience groups. If your site is small or simple, you probably won't need the Tabs.

### Please read instructions carefully before beginning work

This page will explain how to use the tabs section, activate, and deactivate tabs.

## Activating Tabs

To activate a tab (highlight it), you should change the class of the list item from "off":

to "on"

and add an "active" class to it:

Turning "off" to "on" bring the tab forward and the "active" class highlights the tab title in white.

The only exception is the first tab that differ in its naming convention: “tab1-off”, “tab1-on”, and has an ID of “tab1”:

Please use this as your first tab and work from there.

## Removing the Tabs Section Safely

In order to eliminate tabs from your page, look for following section in your html file:

Simply remove the code between the commented area in that section.