Обьявление

Код:

<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Информация</a></li>
    <li><a href="#tab2">Новости</a></li>
    <li><a href="#tab3">Игровые события</a></li>
    <li><a href="#tab4">Погода и Время</a></li>
    <li><a href="#tab5">Администрация</a></li>
    <li><a href="#tab6">Баннеры партнеров</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table width="890px;"><tr><td width="445px;"><center><font size="2.5">Вы зашли на нашу ролевую игру "Средиземье. Новая тень". Регистрируйтесь, заполняйте анкету и начинайте играть!<br>
Мы играем через 105 лет после крушения Мордора и уничтожения единого кольца.<br>
Полезные ссылки<br>
<a href="http://newshadow.lolbb.ru/viewtopic.php?id=5#p5">Правила</a><br><a href="http://newshadow.lolbb.ru/viewtopic.php?id=1#p1">Гостевая</a><br><a href="http://newshadow.lolbb.ru/viewtopic.php?id=4#p4">Шаблон анкеты</a><br><a href="http://newshadow.lolbb.ru/viewforum.php?id=53">Акции</a><br><a href="http://newshadow.lolbb.ru/viewtopic.php?id=6#p6">Список ролей</a><br><a href="http://newshadow.lolbb.ru/viewtopic.php?id=3#p3">Сюжет</a><br><a href="http://newshadow.lolbb.ru/viewforum.php?id=40">Реклама</a></font><br>
</center> </td>
<td width="445px;"><center><img src="адрес картинки"></center></td></tr></table>
</div>

<div style="display: none;" id="tab2" class="tab_content"> 
<table width="890px;"><tr><td width="445px;"><center><font size="2.5">По настоянию (ну и долгим упросам меня) была создана специальная акция и к ней сюжетная линия, по которым принимаются феаноринги. Шаблон анкеты акционный, но придирки от меня это не отменяет. Добро пожаловать, нолдоры, в Средиземье!<br>22 ноября<br>
На форум, молодой и только открывшийся, идет набор персонала. Нужны модераторы следующих категорий:<br>
- мастер графики (аватармейкер, дизайнер. Все в одном лице)<br>
- пиар агент<br>
10 ноября</font></center></td>
<td width="445px;"><center><img src=""></center></td></tr></table>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<table width="890px;"><tr><td width="445px;"><center><font size="2">Со дня падения Мордора прошло 105 лет. Люди живут в мире и покое, не ввязываясь в новые войны. Эльфы счастливо доживают свой срок на смертных берегах, отплывая в Аман Благословенный. Гномы как обычно заняты добычей и обработкой драгоценных камней и металлов. Отвоевав себе Морию, они отныне ведут себя более осторожно, смутно подозревая о том, что барлог все еще дремлет на безмерных глубинах копей. 
Но надвигается новая тень, отголоски которой уже слышны. Тень тихо опутала руины Барад-Дура, проникла в Дог Гулдор в Лихолесье, промелькнула в Минас Итиле... Между назгулами уже идет "холодная война", грозящая перерости в нечто большее...</font></center></td>
<td width="445px;"><center><img src="адрес картинки"></center></td></tr></table>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<table width="890px;"><tr><td width="445px;"><center><font size="2.5">Дата:<br>27 июля 105 года.<br>Погода:<br>Аннуминас<br> На улице достаточно тепло, хотя уже чувствуется дыхание августа. легкий прохладный ветерок навевает свежесть. Но на севере уже потихоньку собираются тучи, грозяь пролиться к вечеру долгожданым дождем.<br>
</font></center>
</td>
<td width="445px;"><center><img src="адрес картинки"></center></td></tr></table>
</center>
</div>

<div style="display: none;" id="tab5" class="tab_content"> 
<table width="890px;"><tr><td width="445px;"><center><font size="2.5">Администраторы<br>
<a href="http://newshadow.lolbb.ru/messages.php?action=new&uid=5">Тхурингветиль</a><br>
<a href="http://newshadow.lolbb.ru/messages.php?action=new&uid=8">Гортхауэр</a><br>
Модераторы<br><a href="http://newshadow.lolbb.ru/messages.php?action=new&uid=9">Оссэ</a><br>
<a href="http://newshadow.lolbb.ru/viewtopic.php?id=93#p140">Идет набор</a><br></font></center></td>
<td width="445px;"><center><img src="адрес картинки"></center></td></tr></table>
</div>

<div style="display: none;" id="tab6" class="tab_content"> 
<table width="890px;"><tr><td width="445px;"><center><a href="http://top.roleplay.ru/15956" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x6.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"><a href="http://ava-tar.ru/" target="_blank"><img src="http://i008.radikal.ru/0807/6d/76c0b18e4542.gif" title="Мастерская Аватаров" border="0"width="88" height="31"></a><a href="http://warofthering.f-rpg.ru/" target="_blank"><img src="http://warofthering.f-rpg.ru/uploads/000f/fd/9d/2526-1.gif" alt="War of the Ring" width="88" height="31"></a></a><a href=http://urchoice.ru/ target="_blank"><p> <a href="http://silmarillion.mybb.ru/"><img src="http://i065.radikal.ru/0908/fc/c4980937ec47.jpg" alt="Сильмариллион" width="88" height="31" border="0" /></a></p>
</center></td>
<td width="445px;"><center><img src="адрес картинки"></center></td></tr></table>
</div>

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

HMTL-Верх

Код:

<style>
.container1 {width: 890px; margin: 0 auto; padding: -60px;}
ul.tabs {
    margin: -77px;
    padding-left: 0px;
    float: right;
    list-style: none;
    height: 40px;
    width: 890px;
}
ul.tabs li {
    float: left;
    margin: 20px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 1px dotted #000000;
    border-bottom: 0px dotted #000000;
        border-right: 0px dotted #000000;
        border-left: 0px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 1px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 1px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 890px;
    height: 200px;
    margin: -13px;
    background-image : url(); 
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>