Доброго времени суток!
Возникла проблема с отображением таблицы. Должна выглядеть так:
Но по каким-то причинам выглядит так:
Код ниже.
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: 113.2px;
margin: 0px -3px;
padding: 11px;
text-align: center;
font: bold 18px '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: 300px;
width: 815px;
padding: 3px;
margin-top: -6px;
text-align: center;
font-size: 12px;
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: 300px;
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: 500px;
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: 200px;
padding: 3px;
margin: 0px 0px 5px 0px;
text-align: center;
font-size: 12px;
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: 340px;
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: 338px;
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: 810px;
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: 200px;
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><script type="text/javascript">
forum = "http://wolfsopinion.mybb.ru/"str = document.getElementById("navpm").innerHTML
loc = new String(document.location)if( (str.indexOf("(") != -1) && document.referrer.indexOf(forum)==-1 && loc.indexOf('messages.php')==-1)
{
count = parseInt(str.substring(str.indexOf("(")+1,str.indexOf(")")))if (count==1) text="У вас есть 1 новое сообщение"
else if (count>1 && count<5) text="У вас есть " +count+" новых сообщения"
else text="У вас есть " +count+" новых сообщений"msg = "<div id=\"new-mes\" class=\"container\" style=\"position: absolute; z-index=2; left: 40%;\">"
msg += text
msg += "<br><a href=\"\" onclick=\"document.location.replace('messages.php'); document.getElementById('new-mes').style.display='none';return false;\">Посмотреть личные сообщения</a>"
msg +="<br><a href=\"\" onclick=\"document.getElementById('new-mes').style.display='none'; return false\">Игнорировать</a>\r\n"
msg += "</div>"document.getElementById("pun-status").innerHTML += msg
}
</script>Объявление<center>
<table style="width: 815px">
<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: 810px" valign="center" align="center">
<tbody>
<tr>
<td id="MenuTxT-news" width="240px" valign="bottom" align="right">
<div id="submenu-news" align="center">
<div id="sn1" class="submenutext-news" style="display:block;">
<br><br>
۞ МЫ ВОЗРОЖДАЕМСЯ!!!<br>
<br>
۞ Идет новый набор модераторов! Подробнее в теме <a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=82#p127"><u>Набор модераторов</u></a><br>
</div>
<div id="sn2" class="submenutext-news"><br/><br/>
۞ Всем отписаться в теме <a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=21"><u>Список мира</u></a>!!! Проводится новый набор на должности и проверка на активность!
</div>
<div id="sn3" class="submenutext-news"><br/><br/>
۞ Мы есть Вконтакте! Будем рады если вы присоединитесь к нам! <align=left><a href="http://vk.com/wolfsopinion" ><img src="http://s5.uploads.ru/BuICA.jpg" ></a></align>
</div>
</div>
</td>
<td valign="top" align="center" colspan="2">
<div class="news-text">
<div class="news_text">
Добро пожаловать в Сентьеро - мир волков!<br>
К сожалению, здесь обитают не только волки - много десятилетий назад в мир пришли сказочные существа и стали нашими врагами. С тех пор мы ведем борьбу за существование на нашей замле. И мы не отдадим то, что досталось нам от Богов без боя!<br>
<br>
Наша ролевая игра предлагает вам две возможности - стать волком, способным управлять своей внутренней силой, которая называется магией или же примерить шкуру сказочного существа и сражаться с волками в этой войне! От вас зависит каким путем вы пойдете. Но кем бы вы ни стали, за кого бы не сражались - ваш ждет увлекательнейшая игра и дружелюбные пользователи которые будут рады поболтать с вами во флуде или отыграть какойнибудь эпизод с вашим персонажем! Так чего же вы ждете? Регистрируйтесь скорее и начинайте играть! Мы с нетерпением ждем вас!</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://wolfsopinion.mybb.ru/viewtopic.php?id=5"><u>Законы</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=10"><u>Шаблон анкеты</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=23"><u>Заполнение профиля</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=46"><u>Описание стай</u></a><br>
<a href="
http://wolfsopinion.mybb.ru/viewtopic.p … t;Описание должностей</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=48#p76"><u>Боги</u></a><br>
</center>
</div>
<div class="links" style="margin-left:272px;">
<br/><h3>Пользователям</h3>
<center>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=21"><u>Список жителей</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=82#p127"><u>Набор модераторов</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=36#p57"><u>Акция vol.1 Незнакомые души в знакомых телах</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=97"><u>Акция vol.2 Даже в океане цветут ягоды</u></a><br>
</center>
</div>
<div class="links" style="margin-left:544px;">
<br/><h3>Реклама & флуд</h3>
<center>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=15"><u>Флуд</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewforum.php?id=9"><u>Игры</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=3"><u>Наша реклама</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=2"><u>Баннерообмен</u></a><br>
<a href="http://wolfsopinion.mybb.ru/viewtopic.php?id=26"><u>Ваша реклама</u></a><br> </center>
</div>
</div>
<div id="sm3" class="submenutext"><table width="790px" 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=5>Мунте де Рестин</font>
<br><br>
<font size=3><b>Температура:</b> + 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=5>Мистерале де Вант</font>
<br><br>
<font size=3><b>Температура:</b> + 2</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>
<br><br>
<font size=3><b>Температура:</b> - 7</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=3><b>Температура:</b> + 27</font>
</div><div id="spoiler4">
Может у кого-то сейчас уже осень, но на территории волков стаи Нисап де Фос это никак не сказывается. В пустыне лишь зима да лето заметны - легкие изменения температуры, повышение и понижение в области 10-20 градусов. Но в отличие от остальных, волки Нисап де Фос любят осень. Она приносит дожди - а значит и воду. Воду, которая так ценится в пустыне! Так что наступающая осень - время счастья этим волкам.
</div></div>
</td>
</tr>
</table>
</div>
<div id="sm4" class="submenutext">
<div class="ams-best">
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 1 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 2 во вкладке АМС" alt=""/>
<img src="http://s9.uploads.ru/Ho6Wd.jpg" title="Главный админушка Элиа, обращаться по любым вопросам" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 4 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 5 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 6 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 7 во вкладке АМС" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 8 во вкладке АМС" alt=""/>
</div>
</div>
<div id="sm5" class="submenutext">
<div class="ams-best">
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 1 во вкладке лучшие" alt="ляляля"/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 2 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 3 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 4 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 5 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 6 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 7 во вкладке лучшие" alt=""/>
<img src="http://savepic.net/3928152.jpg" title="описание аватарки 8 во вкладке лучшие" alt=""/>
</div>
</div>
<div id="sm6" class="submenutext">
<center><table>
<tr align=center>
<td>
<br><br>Тыкай!
</td>
<td>
Наш баннер
</td>
</tr>
<tr align=center>
<td>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17587' target='_blank'>
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=17587&cid=concept_8.gif";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=17587&cid=concept_8.gif" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a><a href='http://wizardtop.ru/in.php?id=2536' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/12.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21208&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21208' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/rpgtop2.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21208' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21208' target='_top'><img src='http://img.rpgtop.su/rpgtop2.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
</td>
<td>
<a href="http://wolfsopinion.mybb.ru/" target=_blank> <img src="http://s1.uploads.ru/oVPDb.gif" border="0"alt="Волчий Взгляд" width=88height=31></a>
<br>
</td>
</tr>
</table>
<marquee>
<a href="http://designforwolves.rolka.su/" target="_blank"><img src="http://s53.radikal.ru/i142/1108/61/2ccc4404c9c5.gif" alt="Поддержка форумов о волках. Поможем всем!">
</a><a href="http://greentales.mybb.ru" title="Залесье" target="blank"><img src="http://savepic.org/3776520.gif"></a> <a href="http://fegort.f-rpg.ru/"><img src="http://s5.uploads.ru/zU98u.gif"></a> <a target="_blank" href="http://spiritsoul.mybb.ru/"><img src=http://s4.uploads.ru/q2ZUB.gif title="Spirit | Stallion Of The Cimarron | Начало"></marquee>
</center>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center>
Заодно не подскажете как исправить это?
Ccылку на форум с установкой и какой браузер ?
