Здраствуйте. Помогите пожалуйста создать табы, целый день голову ломаю
У меня есть две кнопки(закладки):
<div style="margin-top:-50px; margin-left:220px;"><p><a href="#" class="rollover3"></a></p></div>
<div style="margin-top:-49px; margin-left:304px;"><p><a href="#" class="rollover4"></a></p></div>
Ихние стили:
</style>
a.rollover3 {
background: url({THEME}/images/infobar.jpg); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 66px; /* Ширина рисунка в пикселах */
height: 36px; /* Высота рисунка */
}
a.rollover3:hover {
background-position: 0 -36px; /* Смещение фона */
}
a.rollover4 {
background: url({THEME}/images/podel.jpg); /* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 86px; /* Ширина рисунка в пикселах */
height: 36px; /* Высота рисунка */
}
a.rollover4:hover {
background-position: 0 -36px; /* Смещение фона */
}
</style>
Тоесть когда навожу на кнопку, изобр меняется. К чему я виду, кто может показать пример, или сделать, чтоб при наведении изображение тоже менялась, а при нажатии переключалась между табами.
Кто будит рад помоч, скину на ваш wmr небольшую копейку 