<table width="800" height="300" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<!--- Картинки заголовки --->
	<td width="30%" align="center" height="49"><img src="http://xmages.net/storage/10/1/0/9/3/upload/1a150d91.png" alt="" border="0"></td>
	<td width="40%" align="center" height="49"><img src="http://xmages.net/storage/10/1/0/1/2/upload/7dd6ba74.png" alt="" border="0"></td>
	<td width="30%" align="center" height="49"><img src="http://xmages.net/storage/10/1/0/c/f/upload/5e790a5f.png" alt="" border="0"></td>
</tr>
<tr>
<!--- Текст с прокруткой --->
	<td width="30%" align="center" height="251">
<div align="center" style="width: 99%; padding: 1px; height: 249px; overflow: auto; overflow-x: hidden; text-align: left;">

текст 1

</div>	
	</td>
	<td width="40%" align="center" height="251">
<div align="center" style="width: 99%; padding: 1px; height: 249px; overflow: auto; overflow-x: hidden; text-align: left;">

текст 2

</div>
	</td>
	<td width="30%" align="center" height="251">
<div align="center" style="width: 99%; padding: 1px; height: 249px; overflow: auto; overflow-x: hidden; text-align: left;">

текст 3

</div>	
	</td>
</tr></tbody>
</table>

<!-- Стиль оформления таблицы в объявлении -->
<style>	
#menu span {
display: inline-block;
padding: 7px;
margin-right: 7px;
width: 120px;
text-decoration: none;
border: 2px solid #F6A04A;
font-family: "Monotype Corsiva";
font-size: 16px;
}
#menu .tabactive {
color: #A05024;
}

#submenu {
padding: 5px;
height: 280px;
text-align: center;
width: 190px;
margin: 10px 0 0 17px !important;
background-color: #FFFBB5;
border: 2px solid #F6A04A;
}

.submenutext {
display: none; 
height: 278px;
font-family: "Comic Sans MS";
font-size: 14px;
}


#menu span, #submenu {
border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

#submenu {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);      
-moz-opacity: 0.8; /* Mozilla 1.6 */      
-khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */      
opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */      
filter: alpha(opacity=80); /* IE 5.5+*/      
}

.submenutext {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);      
-moz-opacity: 1.0; /* Mozilla 1.6 */      
-khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */      
opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */      
filter: alpha(opacity=100); /* IE 5.5+*/
}

</style>
<!-- Конец стиля таблицы -->

<center><table width="543" height="389" border="0" cellspacing="0" cellpadding="0" style="background: url(http://uploads.ru/i/J/d/F/JdFD7.jpg) no-repeat center;">
<tbody><tr>
<td colspan="2" align="center" height="60">
<!--- кнопки меню --->
<div id="menu"> 
<span alt=#sm1 style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 style="cursor: pointer;">Кнопка 3</span>
    </div>
<!--- конец кнопок меню --->
</td>
</tr>
<tr>
<td width="220" valign="top" height="329" id="MenuTxT">
<!--- Содержимое кнопок --->
<div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

Контент 1-й кнопки

</div>
     <div id="sm2" class="submenutext">

Контент 2-й кнопки

</div>
     <div id="sm3" class="submenutext">
	 
Контент 3-й кнопки

</div>
</div>
<!--- конец содержимого кнопок --->
</td>
<td width="323">
<!--- пустая ячейка --->
&nbsp;
</td>
</tr></tbody>
</table></center>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>