<table id="tab2" class="tbl-0" border="0">
<tr >
<td class="butt" valign=top width="275">
  <!-- Секция кнопок -->
<img  style="height:65px;width:272px" data="tab-1,http://hramir.f-rpg.ru/files/0011/f9/f5/86774.png"  src="/i/blank.gif" class="active"/>

<img  style="height:65px;width:272px" data="tab-2,http://hramir.f-rpg.ru/files/0011/f9/f5/33007.png"  src="/i/blank.gif"/>

<img  style="height:65px;width:272px" data="tab-3,http://hramir.f-rpg.ru/files/0011/f9/f5/48522.png"  src="/i/blank.gif"/>

<img style="height:65px;width:272px" data="tab-4,http://hramir.f-rpg.ru/files/0011/f9/f5/40657.png"  src="/i/blank.gif"/>

<img style="height:65px;width:272px" data="tab-5,http://hramir.f-rpg.ru/files/0011/f9/f5/70010.png"  src="/i/blank.gif"/>
</td>
<td  class="content" align=center valign=center>
<!-- Контейнер контента 1-й кнопки -->
<div id="tab-1" class="tab-content"  style="display:block;">
Контент 1-й кнопки
</div>
<!-- Контейнер контента 2-й кнопки -->
<div id="tab-2" class="tab-content">
Контент 2-й кнопки
</div>
<!-- Контейнер контента 3-й кнопки -->
<div id="tab-3" class="tab-content">
Контент 3-й кнопки
</div>
<!-- Контейнер контента 4-й кнопки -->
<div id="tab-4" class="tab-content">
Контент 4-й кнопки
</div>
<!-- Контейнер контента 5-й кнопки -->
<div id="tab-5" class="tab-content">
Контент 5-й кнопки
</div>
</td>
</tr>
</table><script>$("#tab2").switch_tabs()</script><!--//End/-switch Tabs -->

<!-- Стиль меню таблицы в объявлении -->
<style type="text/css">
/****************************************
   Таблица с переключаемыми Вкладками
****************************************/
#tab2,#tab2*{
  paddibg:0;
  margin:0;
}
#tab2 {
  background:transparent url(http://hramir.f-rpg.ru/files/0011/f9/f5/91050.png) 0 0 no-repeat;
  height:332px;
  width:873px;
  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:auto;
  outline:solid blue 1px;/* Убираем Строку после настройки*/
  color:#fff;
  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>