<style type="text/css">
/*основная таблица*/
#obyava {
position: relative;
width: 790px;
height: 380px;
}
/*заголовки в таблице*/
.admins h3, .moders h3, .links h3 {
font: bold 14px verdana, 'palatino linotype', serif;
}
/*блок администраторов*/
.admins {
position: relative;
width: 280px;
height: 85px;
}
/*блок модераторов*/
.moders {
position: relative;
width: 280px;
height: 85px;
margin: 5px 0px 0px;
}
/*блок со ссылками*/
.links {
position: relative;
width: 280px;
height: 185px;
margin: 5px 0px 0px;
}
/*настройка ссылок*/
.links a {
color: black !important; /*цвет текста ссылок*/
background-color: #7D352D; /*фон ссылок*/
border: solid 2px #9B9898; /*бордюры вокруг ссылок*/
line-height: 191%; /*междустрочный интервал для ссылок*/
}
/*границы и внутренние отступы блоков на вкладках слайдера*/
.text-1-left, .pico-1, .text-1-right, .text-2-left, .text-2-right, .text-3 {
border: solid 3px #7F0000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
padding: 5px;
}
/*прокрутки в блоках на вкладках слайдера*/
.text_1_left, .text_1_right, .text_2_left, .text_2_right, .text_3 {
overflow-y: auto;
}
/*положение блоков на вкладках слайдера*/
.pico-1, .text-1-right, .text-2-left, .text-2-right, .text-3 {
position: relative;
}
/*вкладка 1 текст left*/
.text-1-left {
position: absolute;
width: 245px;
height: 305px;
margin: 5px 0px 0px;
}
/*вкладка 1 текст left (внутренний)*/
.text_1_left {
width: 245px;
height: 305px;
}
/*вкладка 1 картинка*/
.pico-1 {
width: 202px;
height: 150px;
margin: 5px 0px 0px 269px;
}
/*вкладка 1 текст right*/
.text-1-right {
width: 202px;
height: 130px;
margin: 9px 0px 0px 269px;
}
/*вкладка 1 текст right (внутренний)*/
.text_1_right {
width: 202px;
height: 130px;
}
/*вкладка 2 текст left и right + (внутренний)*/
.text-2-left, .text-2-right, .text_2_left, .text_2_right {
width: 222px;
height: 280px;
}
/*вкладка 3*/
.text-3 {
width: 472px;
height: 305px;
margin: 5px 0px 0px;
}
/*вкладка 3 (внутренний)*/
.text_3 {
width: 470px;
height: 305px;
}
</style>
<!-- Стиль меню таблицы в объявлении -->
<style type="text/css">
/****************************************
Таблица с переключаемыми Вкладками
****************************************/
#tab2,#tab2*{
paddibg: 0;
margin: 0;
}
#tab2 {
background:transparent url(http://savepic.net/3841687.png) 0 0 no-repeat;
height: 370px;
width: 490px;
/* outline: solid red 1px; Убираем Строку после настройки*/
}
#tab2, #tab2 td {
border: none 0 transparent!important;
border-collapse: collapse;
}
img[data^="tab"] {
cursor: pointer;
height: 100%;
/* outline: solid red 1px; Убираем Строку после настройки*/
border: none 0 transparent!important;
}
.tab-content {
display: none;
width: 100%;
height: 326px;
/* outline: solid blue 1px; Убираем Строку после настройки*/
color: #111; /*цвет текста в слайдере*/
overflow-y: auto;
}
</style>
<script type="text/javascript">
$.fn.switch_tabs = function() {
var tbl = this,knopK = $("img[data^='tab']",tbl);
knopK.each(function(){
var arr = $(this).attr('data').split(",");
$(this).css("background-image","url("+arr[1]+")")
}); knopK.css("background-position","120% 10000px")
knopK.css("background-repeat","no-repeat")
knopK.click(function(){
knopK.removeClass('active');
$(this).addClass('active');
var arr = $(this).attr('data').split(",");
tbl.css("background-image","url("+arr[1]+")")
$(".tab-content",tbl).hide();
$("#"+arr[0]+"",tbl).show();
});
}
</script>
Типично выбираются из этой ситуевины дополнительным обертыванием блока со скролом еще одним div и вот ток на него и ставят скругления( естественно нужны паддинги от дочернего блока размером в радиус
Rion Leonheart женился недавно, месяцев несколько, я бы его в инет вообще не пущал...