<div id="pun-announcement" class="section">
	<h2><span>Объявление</span></h2>
	<div class="container">
<div class="html-box">
<center>
<table border="0" width="700" height="168">
<tr>
<td height="164" width="230" align="justify">
<p style="margin-top: 0; margin-bottom: 0px; line-height:100%">

Текст 1

</p>
</td>        


<td height="164" width="8" align="justify">
<p style="margin-top: 0; margin-bottom: 0; line-height:100%">
</p>
</td>

<td height="164" width="230" align="justify">
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">	

Текст 2

</p>

<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">
</p>

<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">

Текст 3

<td height="164" width="8" align="justify">
<p style="margin-top: 0; margin-bottom: 0px; line-height:100%">
</p>
</td>

<td height="164" width="230" align="justify">
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">

Текст 4

</p>
</td>
</tr>
</table>
</body>

Текст
</div>
	</div>
</div>

<style> 
div .splLink {width: 150px; height: 20px; font-weight: bold; background: transparent; }
.spll {width: 130px; height: 20px; }
.spll div .splCont {height: auto; width: 180px; background: #333333; padding: 5px; z-index: 1000;  border: 1px solid #000000; font-size: 12px; font-family: Century Gothic; text-align: center; color: #000000}
</style>

<table border="1,5pt" bgcolor="#000000" width="700" height="350" cellpadding="0" cellspacing="0">

<tr align="center">

<td width="20%">

<table>
<tr height="116">

<td>

<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><font color="#ffffff">Администрация</font></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

Контент первой кнопки

</DIV>
</DIV>
</div>

</td>
</tr>

<tr height="118">
<td>

<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><font color="#ffffff">Навигация</font></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

Контент второй кнопки

</DIV>
</DIV>
</div>

</td>
</tr>

<tr height="116">
<td>

<div class="spll">
<DIV jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"><font color="#ffffff">Друзья</font></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

Контент третьей кнопки

</DIV>
</DIV>
</div>

</td>

</tr>
</table>

</td>

<td width="60%"><img height="100%" width="100%" src="http://s2.ipicture.ru/uploads/20110804/ZAg6RQjV.jpg"></td>

<td width="20%">

<table>

<tr height="116">

<td>
<font color="#ffffff">
Текст
</font>
</td>
</tr>

<tr height="118">
<td>
<font color="#ffffff">
Текст
</font>

</td>
</tr>

<tr height="116">
<td>
<font color="#ffffff">
Текст
</font>

</td>

</tr>

</table>

</td>

</tr>

</table>

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

	<!-- Таблица -->
<style>

#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {

color: #CCCCCC; 
background:#990000; 
}

#submenu {
padding: 0px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
display: none; 
height: 60px;
}

#MenuTxT {
 background:url(ссылка) no-repeat center; <!-- Фоновая картинка в основной форме объявления -->
}
#menu{
width:100%;
height:60px;
margin:0 44px 0 -44px;
}
</style>

<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>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align=left>
    <div id="menu"  style=""> <b>
<span alt="#sm1" style="cursor: pointer;">Админы</span>
<span alt="#sm2" style="cursor: pointer;">Объявления</span>
<span alt="#sm3" style="cursor: pointer;">Погода и время</span>
<span alt="#sm4" style="cursor: pointer;">Навигатор</span>
<span alt="#sm5" style="cursor: pointer;">Реклама</span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center>
<br>Пример<br> <!- Текст в блоке "Админы" ->
</center>
</div>

     <div id="sm2" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Объявления" ->
</center>
</div>

     <div id="sm3" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Погода и время" ->
</center>
</div>

     <div id="sm4" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Полезные ссылки" ->
</center>
</div>

     <div id="sm5" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Реклама" ->
</center>

</div>
   </td>
</tr>
 </tbody>
</table></center>
<!-- Конец Таблицы -->