Използването на табове (tabs) е често използвана техника от разработчиците в уеб приложения, представящи голямо количество информация (новинарски сайтове, информационни портали и др.). Основен плюс е възможността да се зарежда разнородно съдържание без да се налага опресняване на страницата.

Настоящият пример демонстрира един съвсем елементарен начин на изграждане на блок от два таба с помоща на стилове (CSS). За прехвърляне между активния и неактивния таб се прилага javascript при настъпване на събитие (onclick).

W3C валиден код XHTML Strict и CSS. Тестван и работи в следните версии на най-популярните уеб браузъри:

• Mozilla Firefox 2.0.0.14
• Internet Explorer 7
• Opera 9.23
• Safari 3.0.4 (Windows)
• Internet Explorer 6

демонстрация на примера: tabs demo

версия за download: download link

Постове от същата категория:

• Уеб разработчикът - на гребена на вълната
• CSS3 - поддръжка на @font-face
• Тестване на сайтове под различни браузъри
• Откриване на проблеми с CSS
• Дизайн или кодиране?

И накрая две панорамни снимки на северната и централната трибуна на стадион “Христо Ботев” в Пловдив по време на дербито срещу локомотив (за пълен размер на панорамните снимки кликнете върху тях):

Постове от същата категория:

• Приятелски мач: Катания - Ботев
• Снимки от дербито Ботев - локо
• Много зле ве, майна!
• Ботев - Видима Раковски (5 : 0)