<table cellspacing="5" style="background:url(http://images.vfl.ru/ii/1500634460/9fec10f4/17991445.png) center no-repeat;
  height:344px;
  margin-left:25px;
  width:890px;
  margin-top: -34px;
  table-layout:fixed;">
<tr valign=bottom align=center>
  <td>
   <div class="block" style="display: inline-block;
    height: 80px;
    width: 220px;
    margin-top: 20px;
    margin-left: 45px;">
<!-- Контент левый верхний блок -->
   </div>

   <div class="block" style="display: inline-block; height: 80px; width: 340px; margin-top: 20px;">
<!-- Контент средний верхний блок -->
   </div>
   <div class="block" style="display: inline-block;
    height: 80px;
    width: 220px;
    margin-top: 20px;
    margin-right: 45px;">
<!-- Контент правый верхний блок -->
   </div>
  </td>
</tr>
<tr valign=top align=center>
  <td>
   <div class="block"  style="display: inline-block; height:150px; width:170px; margin-left: 45px;">
<!-- Контент левый нижний блок -->
   </div>
   <div class="block"  style="display: inline-block; height:150px; width: 440px;">
<!-- Контент средний нижний блок -->
   <!-- Переключаемые Вкладки -->
 
   <div class="tab">
<!-- Контент Первой Вкладки-->
1
     </div>
        <div class="tab">
<!-- Контент Второй Вкладки-->
2
     </div>
        <div class="tab">
<!-- Контент Третьей Вкладки-->
3
     </div>
        <div class="tab">
<!-- Контент Четвертой Вкладки-->
4
     </div>
   </div>
   <div class="block"  style="display: inline-block; height:150px;  width: 170px; margin-right: 45px;">
<!-- Контент  правый нижний блок -->
   </div>
  </td>
</tr>
</table>

<!-- Стиль меню таблицы в объявлении -->
<style type="text/css">
/****************************************
   Таблица с переключаемыми Вкладками
****************************************/
#tab2,#tab2*{
  paddibg:0;
  margin:0;
}
#tab2 {
  background:transparent url(http://sh.uploads.ru/zB65j.jpg) 0 0 no-repeat;
  height:235px;
  width:579px;
  outline:solid red 1px;/* Убираем Строку после настройки*/ 
}
#tab2,#tab2 td{
  border:none 0 transparent!important;
  border-collapse:collapse;
}
#tab2 .butt{
  position:relative;
}
img[data^="tab"]{
  cursor:pointer;
  position:absolute;
  left:300px; /*Отступ слева*/
  z-index:100;
  height:55px;
  outline:solid red 1px;/* Убираем Строку после настройки*/ 
  border:none 0 transparent!important;
}
.tab-content {
  display:none;
  width:241px;
  margin-left:50px;
  height:226px;
  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>

<table id="tab2" class="tbl-0" border="0">
<tr>
<td class="butt" valign=center height=0>   <!-- Секция кнопок -->
<img width="260" data="tab-1,http://sh.uploads.ru/zB65j.jpg" src="/i/blank.gif" class="active" style="margin-top:10px">
<img width="195" data="tab-2,http://s8.uploads.ru/l2qX5.jpg" src="/i/blank.gif" style="margin-top:82px">
<img width="135" data="tab-3,http://sh.uploads.ru/x7YlG.jpg" src="/i/blank.gif" style="margin-top:153px">
</td>
</tr>
<tr>
<td  class="content" align=left>
<!-- Контейнер контента 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>
</td>
</tr>
</table><script>$("#tab2").switch_tabs()</script><!--//End/-switch Tabs -->