Доброго времени суток.
Возникла такая проблема, у меня в html-верх прописан код, для таблицы, которая будет видна в самой шапке наверху. Сейчас вставила скрипт (туда же html-верх) для сайдбара с двух боков. Вроде все прописано правильно и этот скрипт работает без проблем на другом форуме. Но в сочетании с первой таблицей - получается вот это - все куда-то сдвигается.. и фон и все остальное. Можно ли как-то сделать, чтобы были и боковые сайдбары и объявление, которое наверху?
форум
код для верхнего объявленя:
<div style="position: absolute; width:210px; height:212px; top:163px; left: 76px;> <table width="100%" border="0"> <tbody> <tr> <td width="10%"> <div style="height: 212px; width: 210px"> <div align="justify"> <b>Дата & Время:</b> осень 1997; день. <br><b>Погода:</b> Осень - эти ее мокрые дожди, сильные порывистые ветры, темные тучи, давящие на голову. Запасайтесь аспирином и зонтиками - метеочувствительным сегодня точно не повезет. <br> <b>События:</b> В Малфой-Мэноре Темный Лорд собирает Пожирателей Смерти, чтобы выслушать от них последние новости. Ничего не подозревающий Орден Феникса готовится к свадьбе Билла Уизли и Флер Делакур (квест: "<a href=http://repelloinimicum.mybb.ru/viewtopic.php?id=4>Глава первая. *Узнать, как всё начиналось, ещё страшней, чем знать,как всё закончилось.* </a>") <br> </div> </div> </td> </tbody> </table></div><div style="position: absolute; width:230px; height:134px; top:272px; left: 589px;> <table width="100%" border="0"> <tbody> <tr> <td width="10%"> <div style="height: 134px; width: 230px"> <div align="center"> <a href=http://repelloinimicum.mybb.ru/viewtopic.php?id=2#p17>Сюжет</a> ♦ <a href=http://repelloinimicum.mybb.ru/viewtopic.php?id=3>Свод правил</a> ♦ <a href=http://repelloinimicum.mybb.ru/viewtopic.php?id=6>Свободные роли</a> <br>♦ <a href=http://repelloinimicum.mybb.ru/viewtopic.php?id=7>Список внешностей</a> ♦ <a href=http://repelloinimicum.mybb.ru/viewforum.php?id=8>Список акций</a> <br> ♦ <a href=http://repelloinimicum.mybb.ru/viewforum.php?id=6>Шаблоны анкет</a> <br>♦ <a href=http://repelloinimicum.mybb.ru/viewtopic.php?id=4>Действующие квесты</a> ♦ <a href=http://repelloinimicum.mybb.ru/viewtopic.php?id=5>Задать вопрос</a> <br>♦ <a href=http://repelloinimicum.mybb.ru/viewtopic.php?id=8>Объявления</a> <br> </div> </div> </td> </tbody> </table></div> <div style="position: absolute; width:115px; height:120px; top:355px; left: 670px;> <table width="100%" border="0"> <tbody> <tr> <td width="10%"> <div style="height: 115px; width: 150px"> <div align="center"><img src="http://xmages.net/storage/10/1/0/e/7/upload/85d58d80.png"/> 00<img src="http://xmages.net/storage/10/1/0/4/9/upload/8bf5e56c.png"><img src="http://xmages.net/storage/10/1/0/9/c/upload/7deee871.png"/> 00<img src="http://xmages.net/storage/10/1/0/4/9/upload/8bf5e56c.png"><img src="http://xmages.net/storage/10/1/0/a/c/upload/d6e4986c.png"/> 00<img src="http://xmages.net/storage/10/1/0/4/9/upload/8bf5e56c.png"><img src="http://xmages.net/storage/10/1/0/e/5/upload/e7a8cda6.png"/> 00 </div> </div> </td> </tbody> </table></div> </style>
код для двойного сайдбара:
<style> #pun { margin: auto 175px 0 175px; width : 210px;} .sidbar1 {background: transparent url(http://www.image-share.com/upload/1129/270.png); width: 210px; height: 500px; border: 0px normal; position: absolute; z-index: 1000; top: 20px; right: 310px; left: 5px;} .sidbar2 {background: transparent url(http://www.image-share.com/upload/1129/270.png); width: 210px; height: 500px; border: 0px normal; position: absolute; z-index: 1000; top: 20px; right: 5px; left: 1145px;} .sidbar1 h1 , .sidbar1 h2 , .sidbar1 h3, .sidbar2 h1 , .sidbar2 h2 , .sidbar2 h3 { background: transparent url(http://www.image-share.com/upload/1129/270.png); height: 500px; text-align: center; color: #496690; border: 0px normal; width: 100%; margin: auto;} .sidbar1 p, .sidbar2 p{padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;} .nav {margin: 0px;} .nav a{display: block; color:#000000; background-color: #88aea1; text-align: center; width:150px; padding: 1px; margin: 1px; text-decoration: none; text-transform: uppercase;} .nav a:hover{background-color: #DCFFF9; color:#000000; text-transform: uppercase;} </style> <div class="sidbar1"><table background="http://www.image-share.com/upload/1129/270.png" width="210px" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- Строка 1 ; столбец 1 --> <td> </td> </tr> <tr> <!-- Строка 2 ; столбец 1 --> <td> </td> <!-- Строка 2 ; столбец 2 --> <td width="200px"> <br> <center><a href="http://annaleticja.mybb.ru/" class="menuitem"><img src="http://image-share.com/upload/1119/226.gif"></a> <br> Добро пожаловать на ролевую. <br><br><br> <a href="http://annaleticja.mybb.ru/profile.php?id=2" target="_blank"><img class="img_hover" src="http://s2.ipicture.ru/uploads/20111126/jRAec7wk.gif" title="AnnaLeticja" alt= AnnaLeticja' border="0"width="180" height="80"> </a> </a> <br> <div class="nav"> <a href="http://foreverstrong.rolka.su/viewtopic.php?id=10">Сюжет</a> </div> <br> </div> </center> <br> </td> <!-- Строка 2 ; столбец 3 --> <td> </td> </tr> <tr> <!-- Строка 3 ; столбец 1 --> <td> </td> </center></tr> </table></div> <div class="sidbar2"><table background="http://www.image-share.com/upload/1129/270.png" width="210px" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- Строка 1 ; столбец 1 --> <td> </td> </tr> <tr> <!-- Строка 2 ; столбец 1 --> <td> </td> <!-- Строка 2 ; столбец 2 --> <td width="200px"> <br> <center><a href="http://annaleticja.mybb.ru/" class="menuitem"><img src="http://image-share.com/upload/1120/86.gif"></a> <br> Добро пожаловать на ролевую. <br><br><br> <a href="http://annaleticja.mybb.ru/profile.php?id=2" target="_blank"><img class="img_hover" src="http://s2.ipicture.ru/uploads/20111126/jRAec7wk.gif" title="AnnaLeticja" alt= AnnaLeticja' border="0"width="180" height="80"> </a> </a> <br> <div class="nav"> <a href="http://foreverstrong.rolka.su/viewtopic.php?id=10">Сюжет</a> </div> <br> </div> <br> </td> <!-- Строка 2 ; столбец 3 --> <td> </td> </tr> <tr> <!-- Строка 3 ; столбец 1 --> <td> </td> </center></tr> </table></div>