Доброго времени суток, уважаемые. У меня возникла проблема с кодом таблицы. Суть заключается в том, что она меняет ширину форума и прячет названия категорий. Сама я не разобралась, в ем дело, потому обращаюсь к вам. Помогите привести код в нормальное состояние.
Форум с проблемной таблицей: http://s002.radikal.ru/i199/1103/44/c0668464b3c0.jpg
форум без неё: http://s58.radikal.ru/i161/1103/d9/80f5acd75837.jpg
код:
объявление:
<table style="width: 100%; text-align: justify; margin-left: auto; margin-right: auto; border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: justify; vertical-align: top;"><img src="http://i013.radikal.ru/1103/66/748783625952.png"> <br><br><div style="overflow: scroll; overflow-x: hidden; width:300px height:300px;"> Ура ура, мы наконец-то завершили работу над дизайном и с чистой совестью можем сказать - добро пожаловать!!! <br><br> Дорогие игроки, регистрация на форуме возможна только с указанием настоящего электронного ящика. В противном случае вы не сможете получить пароль к аккаунту. Если вы указали правильный е-мэйл, а письмо с паролем не пришло - стучитесь к админам, они вам помогут. <br><br> от 15.03.2011 <br><br> Работа над дизайном всё еще идет, потому если вдруг встретите где лаги - сообщите Джордану, пожалуйста.</div></td> <td style="text-align: justify; vertical-align: top; width:300px"><img src="http://s001.radikal.ru/i193/1103/7f/7c7625184fbb.png"> <br><br>Игрок недели ожидается в конце недели. <br><br> <img src="http://s48.radikal.ru/i121/1103/47/120c06ea6fac.png"> <br><br> Не придумали еще цитатку.</div> <br><br> </td> <td style="text-align: justify; vertical-align: top; width:300px"> <img src="http://s60.radikal.ru/i167/1103/92/3ebad94e5604.png" ><br><br> 12 марта 2100 года. вторник, утро. <br><br> +16 градусов С Легкий ветер, переменная облачность, намек на дождь. Влажно <br><br> <b>Рекламщикам:</b> <br>Логин: Реклама <br>Пароль: 1111 <br><br> </td> <tr> <td colspan="3"rowspan="1"><div align="justify"><table style="width: 100%"> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><div align=center><img src="http://s007.radikal.ru/i300/1103/93/64689a2bd378.png"></div></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <br><br> <a href="http://dreams.mybb.by/viewtopic.php?id=8#p10">Сюжет</a> <br><a href="http://dreams.mybb.by/viewtopic.php?id=10#p12">Правила</a> <br><a href="http://dreams.mybb.by/viewtopic.php?id=7#p9">Мир ролевой</a> <br><a href="http://dreams.mybb.by/viewtopic.php?id=6#p8">Социум города</a> <br><a href="http://dreams.mybb.by/viewforum.php?id=7">Акции</a> <br><a href="http://dreams.mybb.by/viewtopic.php?id=9#p11">Шаблон анкеты</a> <br><a href="http://dreams.mybb.by/viewtopic.php?id=113#p330">FAQ</a> <br><a href="http://dreams.mybb.by/viewforum.php?id=26">Реклама</a> <br><br></DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><div align=center><img src="http://s42.radikal.ru/i095/1103/92/70fd97bc664e.png"></div></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <br><b>Администраторы</b> <br><br> <a href="http://dreams.mybb.by/profile.php?id=2">Джордан Райс</a> - <img src="http://static.diary.ru/userdir/1/2/0/9/1209732/54950360.png"> 420-693-623 <br>[техническое администрирование форума, вопросы по игре и квестам] <br><a href="http://dreams.mybb.by/profile.php?id=7">Один Лэйн</a> - <img src="http://static.diary.ru/userdir/1/2/0/9/1209732/54950360.png"> 433-251-740 <br>[вопросы по игре и квестам] <br><a href="http://dreams.mybb.by/profile.php?id=4">Атанасия Факаиду</a> - <img src="http://static.diary.ru/userdir/1/2/0/9/1209732/54950360.png"> 557-226-129<br> <br>[вопросы по игре и квестам] <br> <br><b>Модераторы</b> <br>[контроль порядка, соблюдения правил форума, проверка анкет, принятие анкет (может быть обжаловано одним из администраторов), вопросы по игре] <br><br><a href="http://dreams.mybb.by/profile.php?id=6">Шарлотта Лауритсен</a> - <img src="http://static.diary.ru/userdir/1/2/0/9/1209732/54950360.png"> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><div align=center><img src="http://s53.radikal.ru/i141/1103/59/5b5326dc3678.png"></div></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <br>В Лос Анджелесе относительно спокойно. Город ожидает новостей.<br> <br></DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><div align=center><img src="http://i077.radikal.ru/1103/df/420182a7149e.png"></div></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> <br>Наши друзья еще о нас не знают<br><br></DIV></DIV> </td> </tr> </tbody> </table>
html-верх:
<style> div .splLink {width: 200px; height: 25px; border: 0px solid #aaa297; background: #a59e8c; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;} .spll {width: 200px; height: 25px; } .spll div .splCont {height: auto; width: 220px; background: #a59e8c; padding: 5px; z-index: 1000; margin-top: 3px; border: 1px solid #3f3331; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;} </style>
html-низ:
<!--Спойлер - контейнер--> <script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Теги: помощь