Код:

<style>    
#menu {
margin-top: -2px;
width: 150px;
height: 20px;
background-repeat : no-repeat;}
#menu span {
border:1px solid # 8f7468
text-align:left;
font: normal 100% Trebuchet Mst;
display:block;
color:# 1c1c1d;
margin: 9px 0;
padding: 10px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background: url(http://s1.uploads.ru/6us5v.png);
}
#menu .tabactive {
color: #8f7468;
    background:0;
}
#submenu {
padding: 0px;
height: 300px;
border:1px solid #8f7468;
text-align: center;
font: normal 100% Trebuchet Ms;
font-size: 14px;
width: 640px;
}
.submenutext {
display: none; 
height: 40px;
}
</style>
<center><table style="width: 640px">
<tbody>
  <tr>
   <td valign=top>
 <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"><font color=#660000><b>Контейнер 1</b></font></font></span>
<span alt="#sm2" style="cursor: pointer;"><font color=#660000><b>Контейнер 2</b></font></span>
<span alt="#sm3" style="cursor: pointer;"><font color=#660000><b>Контейнер 3</b></font></font></span>
<span alt="#sm4" style="cursor: pointer;"><font color=#660000><b>Контейнер 4</b></font></font></span>
<span alt="#sm5" style="cursor: pointer;"><font color=#660000><b>Контейнер 5</b></font></font></span>

    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" 
style="display:block;padding:10px;height:280px;overflow-y: auto;">  
<p>
<br><font color=#660000><b>Контейнер 1</b></font>
<br><font color=#660000><b>Картинка 1</b></font>
</div>
     <div id="sm2" class="submenutext"
<br><font color=#660000><b>Контейнер 2</b></font>
<br><font color=#660000><b>Картинка 2</b></font>
</div>
<div id="sm3" class="submenutext">
<br><font color=#660000><b>Контейнер 3</b></font>
<br><font color=#660000><b>Картинка 3</b></font>
</div>
<div id="sm4" class="submenutext"><br/><br/>
<br><font color=#660000><b>Контейнер 4</b></font>
<br><font color=#660000><b>Картинка 4</b></font>
</p></div>
     <div id="sm5" class="submenutext"><br/>
<br><font color=#660000><b>Контейнер 5</b></font>
<br><font color=#660000><b>Картинка 5</b></font>
</div></div> </td></tr></tbody></table> 
<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>

[

<style>
#pun-announcement {
    font-family: 'The King & Queen font', 'Vtks Revolt';
    text-align: center;
}
#pun-announcement table {
    width: 80%;
    margin: auto;
}
#annMain #buttons li span {
    padding: 5px 10px;
    border: 1px solid black;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
}
#content {
    background: rgba(255,0,0,0.5);
    height: 200px;
    width: 600px;
}
#content table, #content > div, #content .scroll {
    width: 100%;
    height: 100%;
}
#content td {
    padding: 15px;
}
.scroll {
    overflow-y: auto;
    border: 1px solid black;
    border-radius: 10px;
}
</style>
<table>
<tr id="annMain">
<td id="buttons"><ul>
<li><span>Контейнер 1</span>
<div style="display: none;">
<table><tr>
<td rowspan="2"><h6>Надпись 1.1</h6><div class="scroll">Контент 1.1</div></td>
<td><h6>Надпись 1.2</h6><div class="scroll">Контент 1.2</div></td></tr>
<tr><td><h6>Надпись 1.3</h6><div class="scroll">Контент 1.3</div></td>
</tr></table>
</div></li>
<li><span>Контейнер 2</span>
<div style="display: none;">
<table><tr><td><h6>Надпись 2.1</h6><div class="scroll">Контент 2.1</div></td>
<td><h6>Надпись 2.1</h6><div class="scroll">Контент 2.2</div></td>
</tr></table>
</div></li>
<li><span>Контейнер 3</span>
<div style="display: none;">
<table><tr><td><h6>Надпись 3.1</h6><div class="scroll">Контент 3.1</div></td>
<td><h6>Надпись 3.2</h6><div class="scroll">Контент 3.2</div></td></tr>
<tr><td colspan="2"><h6>Надпись 3.3</h6><div class="scroll">Контент 3.3</div></td>
</tr></table>
</div></li>
<li><span>Контейнер 4</span>
<div style="display: none;">
<table><tr>
<td><img src="Картинка 4.1" /></td>
<td><img src="Картинка 4.2" /></td>
<td><img src="Картинка 4.3" /></td>
<td><img src="Картинка 4.4" /></td>
</tr>
<tr>
<td><div class="scroll">Контент 4.1</div></td>
<td><div class="scroll">Контент 4.2</div></td>
<td><div class="scroll">Контент 4.3</div></td>
<td><div class="scroll">Контент 4.4</div></td>
</tr></table>
</div></li>
</ul></td>
<td id="content"><div></div></td></tr>
<tr id="run"><td colspan="2"><marquee>111111</marquee></td></tr>
</table>

<script>
$('#pun-announcement #buttons li span').click(function() {
    el = $(this).parent().children().eq(1);
    $('#pun-announcement tr#annMain > td#content > div').fadeOut('slow', function() {
        $(this).html(el.html())
    }).fadeIn('slow');
}).eq(0).trigger('click');
</script>

<style>
#pun-announcement {
    font-family: 'Century Gothic';
    text-align: center;
}
#pun-announcement table.annContents {
    width: 100%;
    margin: auto;
}
#annMain #buttons li span {
    padding: 5px 10px;
    border: 1px solid black;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    width: 100px;
}
#content {
    background: rgba(255,0,0,0.5);
    height: 300px;
    width: 750px;
}
#content table, #content > div, #content .scroll {
    width: 100%;
    height: 100%;
}
#content td {
    padding: 5px;
}
.scroll {
    overflow-y: auto;
    border: 1px solid black;
    height: 100%
}
.pic100 {
    width: 100px;
    height: 100px;
}
.resize { display: table-cell; vertical-align: middle; height: 170px; }
.resize img {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
a.resize img:hover {
    width: 150px;
    height: 150px;
}
</style>
<table class="annContents">
<tr id="annMain">
<td id="buttons"><ul>
<li><span>Главное</span>
<div style="display: none;">
<table><tr>
<td rowspan="2"><div class="scroll">
Контент блока объявлений
</div></td>
<td>Часы</td></tr><tr><td>Календарь</td></tr></table>
</div></li>

<li><span>Новости</span>
<div style="display: none;">
<table><tr><td><h6>Заголовок новостей 1</h6><div class="scroll">Контент 1</div></td>
<td><h6>Заголовок новостей 2</h6><div class="scroll">Контент 2</div></td>
<td><h6>Заголовок новостей 3</h6><div class="scroll">Контент 3</div></td>
<td><h6>Заголовок новостей 4</h6><div class="scroll">Контент 4</div></td>
<td><h6>Заголовок новостей 5</h6><div class="scroll">Контент 5</div></td>
</tr></table>
</div></li>

<li><span>Лица</span>
<div style="display: none;">
<table><tr>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
</tr><tr>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
</tr></table>
</div></li>

<li><span>Ссылки</span>
<div style="display: none;">
<table><tr>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
<td><a href="Ссылка"><img src="Ссылка на картинку" class="pic100" /></a></td>
</tr><tr>
<td colspan="6" style="height: 170px;"><div class="scroll">
Текст.
</div></td>
</tr></table>
</div></li>

<li><span>Админы</span>
<div style="display: none;">
<table><tr><td style="vertical-align: middle; text-align: center;"><div style="display: inline-block">
<a href="Ссылка" class="resize"><img src="Ссылка на картинку" class="pic100" /></a>
<a href="Ссылка" class="resize"><img src="Ссылка на картинку" class="pic100" /></a>
<a href="Ссылка" class="resize"><img src="Ссылка на картинку" class="pic100" /></a>
<a href="Ссылка" class="resize"><img src="Ссылка на картинку" class="pic100" /></a>
<a href="Ссылка" class="resize"><img src="Ссылка на картинку" class="pic100" /></a>
<a href="Ссылка" class="resize"><img src="Ссылка на картинку" class="pic100" /></a>
</div></td></tr></table>
</div></li>
</ul></td>
<td id="content"><div></div></td></tr>
</table>

<script>
$('#pun-announcement #buttons li span').click(function() {
    annElem = $(this).parent().children().eq(1);
    $('#pun-announcement tr#annMain > td#content > div').fadeOut('slow', function() {
        $(this).html(annElem.html())
    }).fadeIn('slow').show();
}).eq(0).trigger('click');
</script>