Табы одной строкой кода
 

Реализация крайне простая. Зато кода одна строка.
Пример здесь _http://egorr.site88.net/sample/
Что скажете?

Нормально так. Только в разных браузерах по-разному смотрится. В IE "кнопки" далеко друг от друга, в Chrome почти рядом и при нажатии выделяются рамкой (потому, что все input-ы в Chrome подсвечиваются).

Ну, это уже CSS относится. Я хотел идею показать.
А CSS каждый напишет для себя.

Сейчас просмотрел Оперой, Сафарей, Хромом, IE.
Неприлично смотрится только с IE. Ладно, простим убогого...

Получилось.

Текущие проблемы действительно не критичны. Кому надо до ума доведут.

input я применил лишь потому что он имеет больше атрибутов чем div или p.
Метка alt="t" нужна только для опознания элемента, чтобы не откликались другие. Легко можно заменить на <img src="my_tab_button.gif" alt="t">
Основное преимущество этого подхода, что не нужно искать реагирующий элемент.
Тот что ловит клик и тот который на него реагирует имеют связку в виде одинакового имени (у первого это имя его класса, у его подопечного это имя ID)
Только и остается при клике по элементу взять его имя класса и обратиться элементу с таким ID.

Сейчас много кто использует нестандартные атрибуты и пока никто кроме валидатора не жаловался.