Поехала таблица

Поделиться1Чт, 1 Янв 2015 16:48:11

Автор: Лесси
Заслуженный
Зарегистрирован: Чт, 27 Дек 2012
Сообщений: 116
Уважение: +2
Позитив: +26
Последний визит:
Пт, 28 Авг 2015 16:43:11

Доброго времени суток!
После установки дизайна поехала таблица.
Ссылка на форум - Эйдос.
В новостях некорректно стоят вкладки таблицы (скрин 1) - возможно ли их установить в один ряд?
Во вкладке навигации появилась полоска прокрутки, которая прокручивает всю таблицу (только в этой вкладке) - как ее убрать?

Добавлю, что раньше все отображалось корректно.

Скрины

Скрин 2
Скрин 1

Коды

HTML-верх

Код:

<!-- таблица, начало -->
<style type="text/css">
/*======= AA - ОСНОВНАЯ ТАБЛИЦА========*/

/*AA0 - бордеры основной таблицы*/
#menu, #submenu, #menu .tabactive, #submenu, #menu span, .submenutext, .links, .links h3 {
/*    border: solid 1px #e12;*/
    }

/*AA1.1 - контейнер под язычки вкладок*/
#menu {
    height: auto;
    padding-left: 3px;
    }

/*AA1.2 - настройка заголовков на язычках*/
#menu span {
    display: inline-block;
    width: 106px;
    margin: 0px -3px;
    padding: 5px;
    text-align: center;
    font: bold 15px 'palatino linotype';
    font-variant: small-caps;
    color: #111;
    border: solid 2px #333333;
    }

/*AA1.3 - оформление язычка при наведении*/
#menu span:hover {
    color: #000000;
    text-shadow: 2px 2px 2px #424D7C;
    border: solid 2px #333333;
    }

/*AA1.4 - оформление активной вкладки (язычка)*/
#menu span.tabactive {
    color: #000000;
    text-shadow: 2px 2px 2px #424D7C;
    border: solid 2px #333333;
    border-bottom: none;
    }

/*AA2.1 - информ поле*/
#submenu {
    height: 340px;
    width: 695px;
    padding: 3px;
    margin-top: -6px;
    text-align: center;
    font-size: 11px;
    border: solid 2px #333333;
    border-top: none; 
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
/*    background: #efeff0;*/
    }

/*AA2.2 - внутренний блок информ поля под содержимое*/
.submenutext {
    height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
    }

/*======== AВ - ТАБЛИЦА НОВОСТЕЙ========*/

/*AВ0 - бордеры таблицы новостей*/
#menu-news, #submenu-news, #menu-news .tabactive, .submenutext-news {
/*    border: solid 1px #e12;*/
    }

/*AВ1.1 - блок с текстом*/
.news-text {
    height: 226px;
    width: 450px;
    border: 1px solid #333333;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    }

/*AВ1.2 - внутренний блок с текстом*/
.news_text {
    height: 213px;
    margin: 7px 3px;
    text-align: center;
    overflow-y: auto;
    }

/*AВ2.1 - контейнер под язычки вкладок*/
#menu-news {
    height: auto;
    padding-left: 2px;
    }

/*AВ2.2 - настройка заголовков на язычках*/
#menu-news span {
    display: inline-block;
    width: 125px;
    margin: 0px 60px;
    padding: 6px;
    color: #111;
    text-align: center;
    font: bold 14px 'palatino linotype';
    font-variant: small-caps;
    border: solid 2px #333333;
    border-radius: 30em/60px;
    -webkit-border-radius: 30em/60px;
    -khtml-border-radius: 30em/60px;
    -moz-border-radius: 30em/60px;
    -o-border-radius: 30em/60px;
    overflow-y: auto;
    }

/*AВ2.3 - оформление активной вкладки (язычка)*/
#menu-news span:hover, #menu-news span.tabactive {
    color: #000000;
    text-shadow: 2px 2px 2px #424D7C;
    border: solid 2px #333333;
    }

/*AВ3.1 - информ поле*/
#submenu-news {
    height: 220px;
    width: 180px;
    padding: 3px;
    margin: 0px 0px 5px 0px;
    text-align: center;
    font-size: 11px;
    border: solid 1px #333333;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
/*    background: #efeff0;*/
    }

/*AВ3.2 - внутренний блок информ поля под содержимое*/
.submenutext-news {
    height: 215px;
    overflow-y: auto;
    margin-top: 2px;
    }

/*========== АС - ТАБЛИЦ ИГРЫ=========*/

/*AС1.1*/
#spo_all {
    width: auto;
    margin: 0 auto 0 auto;
    }

/*AС1.2*/
#spo_top {
    width: 300px;
    height: auto;
    min-height: 80px;
    margin: 8px auto 0px;
    padding: 5px;
    color: #000;
    font: /*bold*/ 12px Verdana 'palatino linotype';
    cursor: pointer;
    border: 1px solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    }

/*AС1.3*/
#spo_top img {
    float: left;
    display: block;
    width: auto;
    height: auto;
    margin: 4px;
    border: solid 1px #e12;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    }

/*AС1.4*/
#spoiler4 {
    display: none;
    width: 300px;
    height: auto;
    max-height: 165px;
    margin: -3px auto 8px auto;
    padding: 6px;
    background: #FAFCFE;
    border: 1px solid #000;
    border-top: 0;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    overflow-y: auto;
    }

/*AС1.5*/
#spo_option {
    font-weight: bold;
    cursor: pointer;
    float: left;
    }

/*AС1.6*/
#spo_desc {
    float: right;
    }

/*======== АD - ТАБЛИЦЫ АМС И ЛУЧШИХ========*/

/*АD0 - бордеры*/
.ams-best, .ams-best_img, .ams-best_img:hover::after {
 /*   border: solid 1px #e12;*/
    }

/*АD1.1 - блоки под группы аватаров*/
.ams-best {
    display: table-cell;
    width: 600px;
    height: auto;
    }

/*АD1.2 - блоки аватаров*/
.ams-best img {
    display: inline-block;
    position: relative;
    margin: 20px;
    }

/*======= AE - ССЫЛКИ НАВИГАЦИИ========*/

/*AE1.1 - блок со ссылками*/
.links {
    height: 295px;
    width: 267px;
    position: absolute;
    }

/*AE1.2 - настройка ссылок*/
.links a {
    color: #162546 !important; /*цвет текста ссылок*/
    background-color: #4D5789; /*фон ссылок*/
/*    border: solid 2px #9B9898; бордюры вокруг ссылок*/
    line-height: 150%; /*междустрочный интервал для ссылок*/
    width: 140px;
    padding: 3px;
    margin: 1px;
    display: block;
    }

/*AE1.3 - настройка ссылок в активе*/
.links a:hover {
    color: #162546 !important; /*цвет текста ссылок*/
    background-color: #B8C6D1; /*фон ссылок*/
    border: solid 0.5px #9B9898; /*бордюры вокруг ссылок*/
    border-bottom-style: solid !important;
    }

/*AE1.4 - заголовки*/
.links h3 {
    font: bold 16px 'palatino linotype';
    font-color: #333333;
    }
</style>

<!-- таблица, конец -->

HTML-низ

Код:

<!--Основная таблица -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
$("#menu span:first").addClass("tabactive").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>

<!--Таблица в Новости -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT-news div.submenutext-news").hide();
$("#menu-news span:first").addClass("tabactive").show();
$("td.#MenuTxT-news div.submenutext-news:first").show();
$("div.#menu-news span").click(function() {
    $("div.#menu-news span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT-news div.submenutext-news").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Объявление

Код:

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div style="position: absolute; width: 700; height:  ; top: 390px; left: 347px; border: none; family:  ; text-align: ;  margin: 1px; overflow:auto; line-height:  ;">


<center>
   <table style="width: 700px">
      <tbody>
         <tr>
            <td valign=top>
               <div id="menu"><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>
<span alt="#sm6" 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;">
                     <center>
                        <table style="width: 700px" valign="center" align="center">
                           <tbody>
                              <tr>
                                 <td id="MenuTxT-news" width="200px" valign="bottom" align="right">
                                    <div id="submenu-news" align="center">
                                       <div id="sn1" class="submenutext-news" style="display:block;">
<br><br>
۞  Ведутся завершающие работы по форуму, надеемся, что вскоре сможем открыть его для игры.
<br><br>
۞  Установлен <b>временный</b> дизайн. С нетерпением ждем собственный :3
<br><br>
۞  Установлен <b>постоянный</b> дизайн. 
                                      </div>
                                       <div id="sn2" class="submenutext-news"><br/><br/>
۞ Ничего важного - форум еще не открылся.
<br><br>
<div id="clockPlay">&#160</div>
                                        </div>
                                       <div id="sn3" class="submenutext-news"><br/><br/>
<b>08.06.</b> Ведутся завершающие работы по форуму, надеемся, что вскоре сможем открыть его для игры.
<br><br>
<b>30.11.</b></align> Установлен <b>временный</b> дизайн
<br><br>
<b>31.12.</b></align> Установлен <b>постоянный</b> дизайн
                                       </div>
                                    </div>
                                 </td>
                                 <td valign="top" align="center" colspan="2">
                                    <div class="news-text">
                                       <div class="news_text">
Добро пожаловать на Эйдос - мир душ!<br>
Представляли ли вы жизнь после смерти? Не переживайте, многие даже не подозревали о таковой. Но она есть. Это ваш второй шанс. Кем вы будете? Когда-то мы все были людьми. Ничего такого не помните? Не переживайте, воспоминания возвращаются со временем. Вспомнить - одно из заданий нашего мира. Какие еще есть задания? О, их много. Присоединяйтесь и узнайте!<br>
Какие еще тайны прячет наш мир? А вы хотите узнать все сразу, верно? Нет, чтобы полностью узнать и понять наш мир, нужно стать его частью. Жить с нами... Что опять не так? Ааа, вы не понимаете, как можно жить серым сгустком света, которым вы сейчас являетесь? Все просто - вскоре вы обретете облик, выберете сторону и начнете жить полной жизнью! Скорее, присоединяйтесь к нам и узнайте облик своей души!<br><br>
<align=center><b>Вступай в игру своей души!</b></align>
                                       </div>
                                    </div>
                                 </td>
                              </tr>
                              <tr>
                                 <td valign="center" align="center" colspan="3">
                                    <div id="menu-news"><b>
<span alt="#sn1" style="cursor: pointer;">Новости</span>
<span alt="#sn2" style="cursor: pointer;">Важное</span>
<span alt="#sn3" style="cursor: pointer;">История</span></b>
                                    </div>
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                     </center>
                  </div>
                  <div id="sm2" class="submenutext">
                     <div class="links">
<br/><h3>Гостям</h3>
                        <center>
<a href="http://eidos.rusff.ru/viewtopic.php?id=18"><u>Гостевая книга</u></a><br>
<a href="http://eidos.rusff.ru/viewforum.php?id=10"><u>Все о мире</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=27"><u>Путеводитель</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=33"><u>Акции от АМС</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=34"><u>Акции от игроков</u></a><br>
                        </center>
                     </div>
                     <div class="links" style="margin-left:202px;">
<br/><h3>Пользователям</h3>
                        <center>
<a href="http://eidos.rusff.ru/viewtopic.php?id=61"><u>Объявления</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=22"><u>Отлучки</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=35"><u>Получение награды</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=37"><u>Торговая лавка</u></a><br>
                        </center>
                     </div>
                     <div class="links" style="margin-left:444px;">
<br/><h3>Реклама & флуд</h3>
                        <center>
<a href="http://eidos.rusff.ru/viewforum.php?id=2"><u>Флуд</u></a><br>
<a href="http://eidos.rusff.ru/viewforum.php?id=3"><u>Игры</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=2"><u>Наша реклама</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=38"><u>Баннерообмен</u></a><br>
<a href="http://eidos.rusff.ru/viewtopic.php?id=4#p29"><u>Партнерство</u></a><br>                                                </center>
                     </div>
                  </div>
                  <div id="sm3" class="submenutext">

                     <table width="700px" height="285px">
                        <tr>
                           <td valign="top">
                              <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">

<img src="http://uploads.ru/i/a/8/k/a8kn2.png">
<br><font size=4>Новости Светлых душ</font>
                              </div><div id="spoiler4">
Никаких новостей - игра еще не началась.
                              </div></div>
                           </td>
                           <td valign="top">
                              <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">

<img src="http://uploads.ru/i/b/f/Z/bfZW6.png">
<br><font size=4>Новости Темных душ</font>
                              </div><div id="spoiler4">
Никаких новостей - игра еще не началась.
                              </div></div>
                           </td>
                        </tr>
                        <tr>
                           <td valign="top">
                              <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">

<img src="http://uploads.ru/i/T/l/6/Tl6Jk.png"><br><font size=5>Общие новости</font>
                              </div><div id="spoiler4">
Никаких новостей - игра еще не началась.
                              </div></div>
                           </td>
                           <td valign="top">
                              <div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">

<img src="http://uploads.ru/i/b/Z/8/bZ8hX.png"><br><font size=5>Погода</font>
<br><br>
<font size=2><b>Температура:</b> от +10°С до +13°С</font>
                              </div><div id="spoiler4">
Дождь мелко моросит с самого утра, но сквозь редкие тучки, даже не очень серые, видно солнце. Часто облака расходятся и ничто не мешает солцу ярко освещать землю.
                              </div></div>
                           </td>
                        </tr>
                     </table>
                  </div>
                  <div id="sm4" class="submenutext">
                     <div class="ams-best">
<img src="http://s9.uploads.ru/eGEdI.png" title="Кто? Может быть ты?" alt=""/>
<img src="http://s9.uploads.ru/eGEdI.png" title="Кто? Может быть ты?" alt=""/>
<img src="http://s9.uploads.ru/eGEdI.png" title="Кто? Может быть ты?" alt=""/>
<img src="http://s9.uploads.ru/eGEdI.png" title="Кто? Может быть ты?" alt=""/>


                     </div>
                  </div>
                  <div id="sm5" class="submenutext">
                     <div class="ams-best">
<img src=" title="http://s9.uploads.ru/eGEdI.png" title="Лучший волк" alt=""/>
<img src=" title="http://s9.uploads.ru/eGEdI.png" title="Лучшая волчица" alt=""/>
<img src=" title="http://s9.uploads.ru/eGEdI.png" title="Персональный сатана форума" alt=""/>
<img src=" title="http://s9.uploads.ru/eGEdI.png" title="Ангел форума" alt=""/>
<img src=" title="http://s9.uploads.ru/eGEdI.png" title="описание аватарки 5 во вкладке лучшие" alt=""/>
<img src=" title="http://s9.uploads.ru/eGEdI.png" title="описание аватарки 6 во вкладке лучшие" alt=""/>
<img src=" title="http://s9.uploads.ru/eGEdI.png" title="описание аватарки 7 во вкладке лучшие" alt=""/>
<img src=" title="http://s9.uploads.ru/eGEdI.png" title="описание аватарки 8 во вкладке лучшие" alt=""/>
                     </div>
                  </div>
                  <div id="sm6" class="submenutext">
                     <center>

                        <table>
                           <tr align=center>
                              <td>
<br><br>Тыкай!
                              </td>
                              <td>
<br><br>Наш баннер
                              </td>
                           </tr>
                           <tr align=center>
                              <td>
топы
                              </td>
                              <td>
наш баннер
                              </td>
                           </tr>
                        </table>
                        <a href="http://designforwolves.rolka.su/" target="_blank">
<img src="http://s53.radikal.ru/i142/1108/61/2ccc4404c9c5.gif" alt="Поддержка форумов о волках. Поможем всем!">
</a>
                        
                     </center>
                  </div>
               </div>
            </td>
         </tr>
      </tbody>
   </table>
</center>


</div>

Отредактировано Лесси (Чт, 1 Янв 2015 16:56:25)

0

Поделиться2Чт, 1 Янв 2015 17:08:11

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51447
Уважение: +15410
Позитив: +12002
Последний визит:
Сегодня 13:39:52

Лесси
Попробуйте поправить стиль(В HTML верх):

<style type="text/css">
/*======= AA - ОСНОВНАЯ ТАБЛИЦА========*/

/*AA0 - бордеры основной таблицы*/
#menu, #submenu, #menu .tabactive, #submenu, #menu span, .submenutext, .links, .links h3 {
/* border: solid 1px #e12;*/
}

/*AA1.1 - контейнер под язычки вкладок*/
#menu {
height: auto;
padding-left: 0;
}

/*AA1.2 - настройка заголовков на язычках*/
#menu span {
display: inline-block;
width: 105px;
margin: 0px -3px;
padding: 5px;
text-align: center;
font: bold 15px 'palatino linotype';
font-variant: small-caps;
color: #111;
border: solid 2px #333333;
}