Организация таба

[like2dev]

Ребят подскажите, каким способом можно сверстать такой таб. Я нашел такое http://www.pmob.co.uk/temp/tabmenu_mine2.htm , но мне не подходит т.к. задний фон белый, подскажите пожалуйста или дайте ресурс где можно прочесть. Календарь сверстан табилцами.

[Softlink]

А в чем, собственно, сложность? Даже в указанном вами табе можно поменять бг и все дела.

Вот еще один пример http://ruseller.com/lessons.php?rub=32&id=287

[like2dev]

А в чем, собственно, сложность? Даже в указанном вами табе можно поменять бг и все дела.

Вот еще один пример http://ruseller.com/lessons.php?rub=32&id=287

Просто у активного таба background белый как и у контента. И когда я делаю по тому примеру, то есть смещаю вниз. У меня почему-то таб под контент уходит, а не над ним. табы сверстаны через ul li. Может нужно через div a, как там?

[Softlink]

а дайте ссылку на страничку, может ваш таб допилим.

Edited July 17, 2011 by Softlink

[like2dev]

Спасибо за ссылку с русселера. Я сейчас попробую еще по тому примеру, а если не получится, то уже скину, хорошо?Спасибо за помощь.

[like2dev]

Так сам и не смоог разобраться

http://www.arsenalprint.kz/archive/archive.html

Подскажите, что поправить. Чтобы заработало.

[Softlink]

так а в нем что не работает? Сам переключатель?

[like2dev]

активный таб, должен быть без нижнего бордюра

у меня не получается это сделать

[Softlink]

У вас в этом классе стоит top:2px; Но для чего они там - неизвестно. Я предположил, что там было и\или должно быть какое-то позиционирование. Поставил релатив, все работает нормально. Проверьте.

#archive .tabs li.current {
	position:relative;
    background-color: #fff;
    border-top: 1px solid #2283c7;
    border-left: 1px solid #2283c7;
    border-right: 1px solid #2283c7;
    border-bottom: 0px solid #2283c7;
    width: 152px;
    top: 2px;
}

[like2dev]

плин круто спасибо работает!

получается ли перекрывает рамку ул, верно?

[Softlink]

плин круто спасибо работает!

получается ли перекрывает рамку ул, верно?

На здоровье! Все верно.

[like2dev]

Кстати заметил, что если у ul li a - убрать display: block; То уже не работает перекрывание. Видимо "a" все таки перекрывает ul, а не li, как я думал раньше.