вот к этому дизайну http://f3nky.rolka.su/
нужна таблица как на этой ролевой http://kirin.rolbb.ru/

не могу разобраться с кодами, обе ролки мои, так что авторские права не нарушаю)

Доброго времени суток, уже кучу времени убила на то, чтобы хоть как-то исправить косяк, но у меня совсем не выходит, поэтому прошу помощи у вас.

Скрин как выглядит таблица

Хотелось бы убрать вот это расстояние, которое в красной рамочке

Сам код таблицы:

Код:

<div id="pun-announcement" class="section">
<div class="container">
    <div class="html-box">
    <table  border="0" ><td align=center width=30%>
<img src="http://s4.uploads.ru/t/HIt0g.png">
<a href="http://misfits.rolfor.ru/profile.php?id=3" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src=" http://s4.uploads.ru/QalgV.jpg" name=img2></a>
<a href="http://misfits.rolfor.ru/profile.php?id=54" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src=" http://s4.uploads.ru/QalgV.jpg" name=img2></a>
<a href="http://misfits.rolfor.ru/profile.php?id=3" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src=" http://s4.uploads.ru/QalgV.jpg" name=img2></a>
<a href="http://misfits.rolfor.ru/profile.php?id=54" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src=" http://s4.uploads.ru/QalgV.jpg" name=img2></a>


<br>

<br><img src=" http://s4.uploads.ru/t/VanWh.png"></center>
<br>
ТОПЫ
<center><a href="http://top.roleplay.ru/18234" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href='http://wizardtop.ru/in.php?id=1680' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/2.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a> 
<br><b>КЛИКАЕМ КАЖДЫЙ ДЕНЬ!</b></center>
</td>
<td   width="370px" >

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:400px;
height:180px;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:196px;
  height:180px;
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:176px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y: no; /* поддержка прокрутки */
  height:180px;
  text-align: center;}

.control {
  display:block;
  width:102px;
  height:25px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}

#leftControl {
  top:87px;
  left:0;
  background:transparent url(http://s5.uploads.ru/t/cjJsl.png) no-repeat 0 0;}

#rightControl {
  top:87px;
  right:0;
  background:transparent url(http://s5.uploads.ru/t/pVMs1.png) no-repeat 0 0;}
</style>

<div id="slideshow">
<div id="slidesContainer">
<div class="slide">

<center><img src="http://s4.uploads.ru/t/mGxuy.png"></center><br/><br/>

<img src="http://s4.uploads.ru/QalgV.jpg"><img src="http://s4.uploads.ru/QalgV.jpg"><img src="http://s4.uploads.ru/QalgV.jpg"><img src="http://s4.uploads.ru/QalgV.jpg"><br>
<br/><br/><br/>

</div>
<div class="slide">

<img src="http://s4.uploads.ru/t/0ihjo.png">
<br>
<img src="http://s5.uploads.ru/kvOfo.jpg">
<br>

</div>
<div class="slide">
<img src="http://s5.uploads.ru/t/hDFyb.png">
<br>
<img src="http://s5.uploads.ru/kvOfo.jpg">
<br>
</div>
</div>
</div><!--End// Cлайдер-->


</td><td>
<center><img src="http://s4.uploads.ru/t/zOibM.png"></center>
<center><br><form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>-- Navigation --</option>
  <option value="ссылка "><small>Гостевая</small></option>
<option value=" ссылка "><small> Правила</small></option>
<option value=" ссылка "><small>Сюжет</small></option>
<option value=" ссылка "><small>Внешности</small></option>
<option value=" ссылка "><small>Способности</small></option>
<option value=" ссылка на подфорум "><small> Акции </small></option>
</select>
<br></form>
</center>
<p align="justify"><font style=" font-family: arial; font-size: 11px; line-height: 7.5px; padding: -1px;">
<br>
<b>Дата и время: </b> 2012 год. 30 мая 10:00 – 15:00<br>
<b>Погода в Лондоне: </b>температура +25°C, тепло решило баловать нас, исключая любые осадки<br>
<b>Действия в игре: </b><br><center>Очередные общественные работы принесли Кертису, Келли и Руди множество сюрпризов. Одним из них стало внезапное появление Саймона и Алиши в общественном центре. Не понимая как это вообще могло произойти, они теряются в догадках, так как всего несколько дней назад Алиша была мертва а Саймон отправился в прошлое, что бы спасти ее. Так же они обнаруживают, что их старые способности вернулись, но какой ценой? Но после хорошего всегда приходит и плохое. Чуть позже, они узнают о смерти Нейтана, который был пойман за мошенничество в казино Лас-Вегаса.  </center><br></p>
</div>


<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<center>...

</center>
</div>
</td></tr>

</table>

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