Проблема с таблицей

Страница: 1

Сообщений 1 страница 5 из 5

Поделиться1Сб, 19 Окт 2013 01:04:39

Автор: Алекс Фонсе
Заслуженный
Зарегистрирован: Вс, 16 Янв 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 9 Дек 2013 13:23:54

Здравствуйте. Буду рад, если кто-то поможет, а то у меня ничего не получается.
Форум: http://pinkpearls.mybb.ru/
Хотели сменить таблицу и столкнулись с тем, что текст с прошлой не получается поставить так же в новую.

Код желанной таблицы

Код:

<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

#submenu {
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
background:#F9F1DD;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 260px!important;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
<span alt=#sm4 "style="cursor: pointer;">Кнопка 4</span>
<span alt=#sm5 "style="cursor: pointer;">Кнопка 5</span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
     <div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

Код прошлой таблицы с текстом

Код:

<div id="page-wrap">
    <div id="news-button" class="button">
    <img src="http://s4.uploads.ru/sEOB1.png" alt="Новости, события, важные объявления" class="button" />
    </div>
    <div id="links-button" class="button">
    <img src="http://s4.uploads.ru/M5XK2.png" alt="Важные ссылки для гостей и участников" class="button">
    </div>
    <div id="admins-button" class="button">
    <img src="http://s4.uploads.ru/0nxRg.png" alt="Администрация проекта" class="button">
    </div>
    <div id="partners-button" class="button">
    <img src="http://s5.uploads.ru/hr2uz.png" alt="Партнеры," class="button">
    </div>
    <div class="clear"></div>
    <div id="content">
    <div id="news">
<p style="text-align: center;"><table width="100%" heigth="100%">
<tr><td width="50%"><center>

<FONT SIZE=2><b>Важные Объявления:</b></FONT>
<br>
<table width="250" height="50" style="border:1px solid #111111;background-color:#" cellspacing="0" cellpadding="0"><tr><td style="padding:6px" align="center"><span style="color:#000000;font-size:15px"> <b>Д</b>орогие игроки! Мы рады приветствовать Вас на нашем ролевом литературном проекте Дом отдыха "Розовый жемчуг". Присоединяйтесь к нам и начинайте игру! 
<br>
<FONT COLOR=8B0000>Свершилось!!!! Сюжет игры изменен. Все анкеты Играющих персонажей перенесены в "Подача анкеты" для изменения. Те анкеты которые не будут исправлены до 20 октября, будут перенесены в акции. Произведена чистка не играющих персонажей. <FONT COLOR>
<br><br></span></td></tr><tr><td style="padding:0px" height="0%" align="right"><a title="" href="" target="_blank"><img border="0" src="" /></a></td></tr></table>


</center>
</td>
<td width="50%"><center>

<b><FONT SIZE=2><u>Сейчас:</u></FONT></b><br>

<b>5 июля 2013 года. </b>
<br><b>Суббота: </b>04:00 - 10:00
<br>Время летит ой как незаметно, и вот наступил новый день! Тем, кто просыпается рано - удачного дня, а тем, кто еще не спит - того же и чашечки кофе!
<br><b>Погода:</b> +24 градуса.

<br>
<br><FONT COLOR=8B0000><b>Смена времени на 10:00 - 13:00 произойдет 22 октября в 23.59
</FONT COLOR>
<br> 
<br> 
<br> 
<br>
<FONT SIZE=2><b>Голосуем:</b></FONT> 
<br> 
<b>Н</b>е забываем по возможности тыкать на банер, который указан ниже. Ведь, мы все хотим, чтоб было больше игроков и чтоб было с кем играть? Да? 
<br> 
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21098&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21098' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x8.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=21098' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21098' target='_top'><img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->

<a href="http://forum-top.ru/vote/2736" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17634' 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=17634&cid=counter2007_11.png";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=17634&cid=counter2007_11.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a><br>
<a href='http://wizardtop.ru/in.php?id=2508' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/10.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://lylife.ru/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL"></a>
<br><br> 


<br><br> 

 
</center></td></tr></table>
</p>
    </div>

    <div id="links">
    <p>
    <table  width="100%">
<tr><td width="45%"><center>
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<FONT SIZE=2><b><u>Полезные ссылки: </u></b><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=6">Правила игры</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=4#p4">История</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=12#p12">Шаблон анкеты</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=74#p216">Организация "Мы против"</a><br>
<a
href="http://pinkpearls.mybb.ru/viewtopic.php?id=73#p171">Секции</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=27">Поиск партнёра для игры</a><br>
<a href="http://pinkpearls.mybb.ru/viewforum.php?id=12">Квесты</a><br>



</center></td>
<td width="55%"><center>
<br> 
<br> 
<br><b><u>Для пиарщиков:</u></b><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=62">Наша реклама</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=70#p145">Наш баннер</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=71">Баннерообмен</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=68">Ваша реклама</a><br>


</center></td></tr>
    </table>
</p>
    </div>

    <div id="admins">
    <p>
<center>
<FONT SIZE=2><b>Администраторы:</b></FONT> 
<br> 

<center>
<a href="http://pinkpearls.mybb.ru/profile.php?id=3"><img src="http://s020.radikal.ru/i713/1308/8c/328a84639d01.png" border="0" title="Кристина Кляйн" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=2"><img src="http://i054.radikal.ru/1307/e4/bb20fca3448b.png" border="0" title="Дориан Грей" ></a>
</center>

 
<br><br> 
<FONT SIZE=2><b>Модераторы:</b></FONT><br> 

<center>
<a href="http://pinkpearls.mybb.ru/profile.php?id=5"><img src="http://s019.radikal.ru/i634/1308/83/094b9627c388.png" border="0" title="Алекс Фонсе" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=10"><img src="http://i017.radikal.ru/1308/f5/cbf2346b8635.png" border="0" title="Шер ар Ради" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=13"><img src="http://s018.radikal.ru/i512/1308/bb/1bc39901f339.png" border="0" title="Вивьен де Нуар" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=6"><img src="http://s50.radikal.ru/i130/1308/57/3d624ac64835.png" border="0" title="Алиталия Блэйк-Мур" ></a>
</center>


</p>
    </div>


     <div id="partners">
    <p>
<table  width="100%">
<tr><td width="50%"><center>

<FONT SIZE=2><b>Наши партнеры:</b></FONT>
<br>Партнерство оформляется в теме под названием
 <br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=72#p157">Заявка на партнёрство</a> 

<br>
<a href="http://queerasfolk.mybb.by/" title="Близкие друзья. Последняя история" target="_blank"><img src="https://forumstatic.ru/files/0010/3b/3f/34403.gif"></a>
<a target="_blank" href="http://blackgrad.anihub.ru/" title="Блэкград: обитель одиноких сердец" alt="Блэкград: обитель одиноких сердец"><img src="http://s3.uploads.ru/t/IDUkn.gif" ></a>
<a href="http://dreamcatcher.artbb.ru/"><img title="» Dreamcatcher: Hear my silent prayer`" src="http://uploads.ru/i/z/k/3/zk3cW.gif" border="0" /></a>
<a href="http://fckthesystem.rolbb.ru//"><img src="http://s2.uploads.ru/jxXhW.gif"  title="Прем против правил!" /></a>
<a href="http://anysie.mybb.ru/"><img src="http://i001.radikal.ru/1109/4a/336f734d10c0.jpg" border=0 title="Другая сторона"></a>
<a href="http://elf-lied.ru/" target=_blank><img src="http://s1.uploads.ru/Hofxv.gif" title="Elfen Lied - ролевой форум"></a>
<a title="THIS IS MAAAAGIC!!" href="http://duel.win-x.su/" target="_blank"><img src="http://s5.uploads.ru/4JDnR.png" alt="THIS IS MAAAAGIC!!" width="88" height="31" border="0" /></a>
<a href="http://tht.rolka.su/"><img src="http://s4.uploads.ru/E51Tn.gif" width="88" height="31"></a>
<a href="http://madmadwonderland.rusff.ru/" alt="Наша реклама. Наши баннеры."><img src="http://s1.uploads.ru/rER0X.png"></a>
 </center></td>
<br>


    </table>


</p>
    </div>

    </div>
    </div>

<br>

То, что уже сделали

Код:

<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
}

#submenu {
padding: 5px;
height: 350px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 350px!important;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img src="http://s4.uploads.ru/dW2sM.png"/></span>
<span alt=#sm2 "style="cursor: pointer;"><img src="http://s4.uploads.ru/sYqk4.png"/></span>
<span alt=#sm3 "style="cursor: pointer;"><img src="http://s4.uploads.ru/e93gC.png"/></span>
<span alt=#sm4 "style="cursor: pointer;"><img src="http://s5.uploads.ru/7oYti.png"/></span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<FONT SIZE=2><b>Важные Объявления:</b></FONT>
<br>
<table width="250" height="50" style="border:1px solid #111111;background-color:#" cellspacing="0" cellpadding="0"><tr><td style="padding:6px" align="center"><span style="color:#000000;font-size:15px"> <b>Д</b>орогие игроки! Мы рады приветствовать Вас на нашем ролевом литературном проекте Дом отдыха "Розовый жемчуг". Присоединяйтесь к нам и начинайте игру! 
<br>
<FONT COLOR=8B0000>Свершилось!!!! Сюжет игры изменен. Все анкеты Играющих персонажей перенесены в "Подача анкеты" для изменения. Те анкеты которые не будут исправлены до 20 октября, будут перенесены в акции. Произведена чистка не играющих персонажей. <FONT COLOR>
<br><br></span></td></tr><tr><td style="padding:0px" height="0%" align="right"><a title="" href="" target="_blank"><img border="0" src="" /></a></td></tr></table>



</div>
     <div id="sm2" class="submenutext"><br /><br />
<FONT SIZE=2><b><u>Полезные ссылки: </u></b><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=6">Правила игры</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=4#p4">История</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=12#p12">Шаблон анкеты</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=74#p216">Организация "Мы против"</a><br>
<a
href="http://pinkpearls.mybb.ru/viewtopic.php?id=73#p171">Секции</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=27">Поиск партнёра для игры</a><br>
<a href="http://pinkpearls.mybb.ru/viewforum.php?id=12">Квесты</a>
<br><b><u>Для пиарщиков:</u></b><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=62">Наша реклама</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=70#p145">Наш баннер</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=71">Баннерообмен</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=68">Ваша реклама</a><br>
</div>
     <div id="sm3" class="submenutext"><br /><br />

<FONT SIZE=2><b>Администраторы:</b></FONT> 
<br> 

<center>
<a href="http://pinkpearls.mybb.ru/profile.php?id=3"><img src="http://s020.radikal.ru/i713/1308/8c/328a84639d01.png" border="0" title="Кристина Кляйн" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=2"><img src="http://i054.radikal.ru/1307/e4/bb20fca3448b.png" border="0" title="Дориан Грей" ></a>
</center>
<br><FONT SIZE=2><b>Модераторы:</b></FONT><br> 

<center>
<a href="http://pinkpearls.mybb.ru/profile.php?id=5"><img src="http://s019.radikal.ru/i634/1308/83/094b9627c388.png" border="0" title="Алекс Фонсе" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=10"><img src="http://i017.radikal.ru/1308/f5/cbf2346b8635.png" border="0" title="Шер ар Ради" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=13"><img src="http://s018.radikal.ru/i512/1308/bb/1bc39901f339.png" border="0" title="Вивьен де Нуар" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=6"><img src="http://s50.radikal.ru/i130/1308/57/3d624ac64835.png" border="0" title="Алиталия Блэйк-Мур" ></a>
</center>

</div>
     <div id="sm4" class="submenutext"><br /><br />


<FONT SIZE=2><b>Наши партнеры:</b></FONT>
<br>Партнерство оформляется в теме под названием
 <br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=72#p157">Заявка на партнёрство</a> 

<br>
<a href="http://queerasfolk.mybb.by/" title="Близкие друзья. Последняя история" target="_blank"><img src="https://forumstatic.ru/files/0010/3b/3f/34403.gif"></a>
<a target="_blank" href="http://blackgrad.anihub.ru/" title="Блэкград: обитель одиноких сердец" alt="Блэкград: обитель одиноких сердец"><img src="http://s3.uploads.ru/t/IDUkn.gif" ></a>
<a href="http://dreamcatcher.artbb.ru/"><img title="» Dreamcatcher: Hear my silent prayer`" src="http://uploads.ru/i/z/k/3/zk3cW.gif" border="0" /></a>
<a href="http://fckthesystem.rolbb.ru//"><img src="http://s2.uploads.ru/jxXhW.gif"  title="Прем против правил!" /></a>
<a href="http://anysie.mybb.ru/"><img src="http://i001.radikal.ru/1109/4a/336f734d10c0.jpg" border=0 title="Другая сторона"></a>
<a href="http://elf-lied.ru/" target=_blank><img src="http://s1.uploads.ru/Hofxv.gif" title="Elfen Lied - ролевой форум"></a>
<a title="THIS IS MAAAAGIC!!" href="http://duel.win-x.su/" target="_blank"><img src="http://s5.uploads.ru/4JDnR.png" alt="THIS IS MAAAAGIC!!" width="88" height="31" border="0" /></a>
<a href="http://tht.rolka.su/"><img src="http://s4.uploads.ru/E51Tn.gif" width="88" height="31"></a>
<a href="http://madmadwonderland.rusff.ru/" alt="Наша реклама. Наши баннеры."><img src="http://s1.uploads.ru/rER0X.png"></a>
 
</div>
     <div id="sm5" class="submenutext"><br /><br />

</div>
   </td>
</tr>
 </tbody>
</table></center>

Хотелось, что б в "Links" - "Полезные ссылки" и "Для пиарщиков" было не одно под другим, а с разных сторон друг от друга. "Полезные ссылки" слева, а "Для пиарщиков" справа, но не далеко друг от друга.
А в новостях всё, что было в этой части (вот тут то и проблема, не удается поставить текст так, как было):

из этой части

Код:

<FONT SIZE=2><b>Важные Объявления:</b></FONT>
<br>
<table width="250" height="50" style="border:1px solid #111111;background-color:#" cellspacing="0" cellpadding="0"><tr><td style="padding:6px" align="center"><span style="color:#000000;font-size:15px"> <b>Д</b>орогие игроки! Мы рады приветствовать Вас на нашем ролевом литературном проекте Дом отдыха "Розовый жемчуг". Присоединяйтесь к нам и начинайте игру! 
<br>
<FONT COLOR=8B0000>Свершилось!!!! Сюжет игры изменен. Все анкеты Играющих персонажей перенесены в "Подача анкеты" для изменения. Те анкеты которые не будут исправлены до 20 октября, будут перенесены в акции. Произведена чистка не играющих персонажей. <FONT COLOR>
<br><br></span></td></tr><tr><td style="padding:0px" height="0%" align="right"><a title="" href="" target="_blank"><img border="0" src="" /></a></td></tr></table>


</center>
</td>
<td width="50%"><center>

<b><FONT SIZE=2><u>Сейчас:</u></FONT></b><br>

<b>5 июля 2013 года. </b>
<br><b>Суббота: </b>04:00 - 10:00
<br>Время летит ой как незаметно, и вот наступил новый день! Тем, кто просыпается рано - удачного дня, а тем, кто еще не спит - того же и чашечки кофе!
<br><b>Погода:</b> +24 градуса.

<br>
<br><FONT COLOR=8B0000><b>Смена времени на 10:00 - 13:00 произойдет 22 октября в 23.59
</FONT COLOR>
<br> 
<br> 
<br> 
<br>
<FONT SIZE=2><b>Голосуем:</b></FONT> 
<br> 
<b>Н</b>е забываем по возможности тыкать на банер, который указан ниже. Ведь, мы все хотим, чтоб было больше игроков и чтоб было с кем играть? Да? 
<br> 
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21098&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21098' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x8.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=21098' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21098' target='_top'><img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->

<a href="http://forum-top.ru/vote/2736" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17634' 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=17634&cid=counter2007_11.png";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=17634&cid=counter2007_11.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a><br>
<a href='http://wizardtop.ru/in.php?id=2508' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/10.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://lylife.ru/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL"></a>
<br><br> 


<br><br> 

 
</center></td></tr></table>
</p>
    </div>

Заранее спасибо.

Поделиться2Сб, 19 Окт 2013 01:42:48

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51439
Уважение: +15400
Позитив: +11950
Последний визит:
Сегодня 00:02:28

Алекс Фонсе
Cделайте эскизы расположения текста на каждой вкладке

Поправил код для кнопок:
Замените текущее объявление:

Код:

	<style>
#menu span>img {
  width:auto;
  height:70px;
  margin:20px 0 0  0;
}
#menu span {
padding: 0; 
margin: 0 13px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
}

#submenu {
padding: 5px;
height: 350px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 350px!important;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img src="http://s4.uploads.ru/dW2sM.png"/></span>
<span alt=#sm2 "style="cursor: pointer;"><img src="http://s4.uploads.ru/sYqk4.png"/></span>
<span alt=#sm3 "style="cursor: pointer;"><img src="http://s4.uploads.ru/e93gC.png"/></span>
<span alt=#sm4 "style="cursor: pointer;"><img src="http://s5.uploads.ru/7oYti.png"/></span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left" valign=top>
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">

<FONT SIZE=2><b>Важные Объявления:</b></FONT>
<br>
<table width="250" height="50" style="border:1px solid #111111;background-color:#" cellspacing="0" cellpadding="0"><tr><td style="padding:6px" align="center"><span style="color:#000000;font-size:15px"> <b>Д</b>орогие игроки! Мы рады приветствовать Вас на нашем ролевом литературном проекте Дом отдыха "Розовый жемчуг". Присоединяйтесь к нам и начинайте игру! 
<br>
<FONT COLOR=8B0000>Свершилось!!!! Сюжет игры изменен. Все анкеты Играющих персонажей перенесены в "Подача анкеты" для изменения. Те анкеты которые не будут исправлены до 20 октября, будут перенесены в акции. Произведена чистка не играющих персонажей. <FONT COLOR>
<br><br></span></td></tr><tr><td style="padding:0px" height="0%" align="right"><a title="" href="" target="_blank"><img border="0" src="" /></a></td></tr></table>



</div>
     <div id="sm2" class="submenutext">
<FONT SIZE=2><b><u>Полезные ссылки: </u></b><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=6">Правила игры</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=4#p4">История</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=12#p12">Шаблон анкеты</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=74#p216">Организация "Мы против"</a><br>
<a
href="http://pinkpearls.mybb.ru/viewtopic.php?id=73#p171">Секции</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=27">Поиск партнёра для игры</a><br>
<a href="http://pinkpearls.mybb.ru/viewforum.php?id=12">Квесты</a>
<br><b><u>Для пиарщиков:</u></b><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=62">Наша реклама</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=70#p145">Наш баннер</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=71">Баннерообмен</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=68">Ваша реклама</a><br>
</div>
     <div id="sm3" class="submenutext">

<FONT SIZE=2><b>Администраторы:</b></FONT> 
<br> 

<center>
<a href="http://pinkpearls.mybb.ru/profile.php?id=3"><img src="http://s020.radikal.ru/i713/1308/8c/328a84639d01.png" border="0" title="Кристина Кляйн" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=2"><img src="http://i054.radikal.ru/1307/e4/bb20fca3448b.png" border="0" title="Дориан Грей" ></a>
</center>
<br><FONT SIZE=2><b>Модераторы:</b></FONT><br> 

<center>
<a href="http://pinkpearls.mybb.ru/profile.php?id=5"><img src="http://s019.radikal.ru/i634/1308/83/094b9627c388.png" border="0" title="Алекс Фонсе" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=10"><img src="http://i017.radikal.ru/1308/f5/cbf2346b8635.png" border="0" title="Шер ар Ради" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=13"><img src="http://s018.radikal.ru/i512/1308/bb/1bc39901f339.png" border="0" title="Вивьен де Нуар" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=6"><img src="http://s50.radikal.ru/i130/1308/57/3d624ac64835.png" border="0" title="Алиталия Блэйк-Мур" ></a>
</center>

</div>
     <div id="sm4" class="submenutext">


<FONT SIZE=2><b>Наши партнеры:</b></FONT>
<br>Партнерство оформляется в теме под названием
 <br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=72#p157">Заявка на партнёрство</a> 

<br>
<a href="http://queerasfolk.mybb.by/" title="Близкие друзья. Последняя история" target="_blank"><img src="https://forumstatic.ru/files/0010/3b/3f/34403.gif"></a>
<a target="_blank" href="http://blackgrad.anihub.ru/" title="Блэкград: обитель одиноких сердец" alt="Блэкград: обитель одиноких сердец"><img src="http://s3.uploads.ru/t/IDUkn.gif" ></a>
<a href="http://dreamcatcher.artbb.ru/"><img title="» Dreamcatcher: Hear my silent prayer`" src="http://uploads.ru/i/z/k/3/zk3cW.gif" border="0" /></a>
<a href="http://fckthesystem.rolbb.ru//"><img src="http://s2.uploads.ru/jxXhW.gif"  title="Прем против правил!" /></a>
<a href="http://anysie.mybb.ru/"><img src="http://i001.radikal.ru/1109/4a/336f734d10c0.jpg" border=0 title="Другая сторона"></a>
<a href="http://elf-lied.ru/" target=_blank><img src="http://s1.uploads.ru/Hofxv.gif" title="Elfen Lied - ролевой форум"></a>
<a title="THIS IS MAAAAGIC!!" href="http://duel.win-x.su/" target="_blank"><img src="http://s5.uploads.ru/4JDnR.png" alt="THIS IS MAAAAGIC!!" width="88" height="31" border="0" /></a>
<a href="http://tht.rolka.su/"><img src="http://s4.uploads.ru/E51Tn.gif" width="88" height="31"></a>
<a href="http://madmadwonderland.rusff.ru/" alt="Наша реклама. Наши баннеры."><img src="http://s1.uploads.ru/rER0X.png"></a>
 
</div>
     <div id="sm5" class="submenutext">

</div>
   </td>
</tr>
 </tbody>
</table></center>

Поделиться3Сб, 19 Окт 2013 02:31:19

Автор: Алекс Фонсе
Заслуженный
Зарегистрирован: Вс, 16 Янв 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 9 Дек 2013 13:23:54

Deff
Если вы не против, то я отошлю скрины того, как было. И спасибо за исправления)

если возможно, то "Полезные ссылки" и "Для пиарщиков" пододвинуть ближе друг к другу

Поделиться4Сб, 19 Окт 2013 16:31:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51439
Уважение: +15400
Позитив: +11950
Последний визит:
Сегодня 00:02:28

Алекс Фонсе

Код:

<style>
#menu span>img {
  width:auto;
  height:70px;
  margin:20px 0 0  0;
}
#menu span {
padding: 0; 
margin: 0 13px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
}

#submenu {
padding: 5px;
height: 350px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 350px!important;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;"><img src="http://s4.uploads.ru/dW2sM.png"/></span>
<span alt=#sm2 "style="cursor: pointer;"><img src="http://s4.uploads.ru/sYqk4.png"/></span>
<span alt=#sm3 "style="cursor: pointer;"><img src="http://s4.uploads.ru/e93gC.png"/></span>
<span alt=#sm4 "style="cursor: pointer;"><img src="http://s5.uploads.ru/7oYti.png"/></span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left" valign=top>
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">


<table width="100%"><tr>
<td width="260" valign=top>
<FONT SIZE=2><b>Важные Объявления:</b></FONT>
<br>
<table width="250" height="50" style="border:1px solid #111111;background-color:#" cellspacing="0" cellpadding="0"><tr><td style="padding:6px" align="center"><span style="color:#000000;font-size:15px"> <b>Д</b>орогие игроки! Мы рады приветствовать Вас на нашем ролевом литературном проекте Дом отдыха "Розовый жемчуг". Присоединяйтесь к нам и начинайте игру! 
<br>
<FONT COLOR=8B0000>Свершилось!!!! Сюжет игры изменен. Все анкеты Играющих персонажей перенесены в "Подача анкеты" для изменения. Те анкеты которые не будут исправлены до 20 октября, будут перенесены в акции. Произведена чистка не играющих персонажей. <FONT COLOR>
<br><br></span></td></tr><tr><td style="padding:0px" height="0%" align="right"><a title="" href="" target="_blank"><img border="0" src="" /></a></td></tr></table>
</td>
<td><center>

<b><FONT SIZE=2><u>Сейчас:</u></FONT></b><br>

<b>5 июля 2013 года. </b>
<br><b>Суббота: </b>04:00 - 10:00
<br>Время летит ой как незаметно, и вот наступил новый день! Тем, кто просыпается рано - удачного дня, а тем, кто еще не спит - того же и чашечки кофе!
<br><b>Погода:</b> +24 градуса.

<br>
<br><FONT COLOR=8B0000><b>Смена времени на 10:00 - 13:00 произойдет 22 октября в 23.59
</FONT COLOR>
<br> 
<br> 
<br> 
<br>
<FONT SIZE=2><b>Голосуем:</b></FONT> 
<br> 
<b>Н</b>е забываем по возможности тыкать на банер, который указан ниже. Ведь, мы все хотим, чтоб было больше игроков и чтоб было с кем играть? Да? 
<br> 
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21098&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21098' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x8.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=21098' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21098' target='_top'><img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->

<a href="http://forum-top.ru/vote/2736" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=17634' 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=17634&cid=counter2007_11.png";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=17634&cid=counter2007_11.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a><br>
<a href='http://wizardtop.ru/in.php?id=2508' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/10.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://lylife.ru/" target="_blank"><img src="http://s2.uploads.ru/1tCcd.png" title="Каталог форумов" alt="LYL"></a>
<br><br> 
</center></td></tr></table>
</div>

     <div id="sm2" class="submenutext">
    <center><table  width="70%"  style="font-size:130%">
<tr><td width="45%"><center><br>
<br> 
<br> 
<b><u>Полезные ссылки: </u></b><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=6">Правила игры</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=4#p4">История</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=12#p12">Шаблон анкеты</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=74#p216">Организация "Мы против"</a><br>
<a
href="http://pinkpearls.mybb.ru/viewtopic.php?id=73#p171">Секции</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=27">Поиск партнёра для игры</a><br>
<a href="http://pinkpearls.mybb.ru/viewforum.php?id=12">Квесты</a><br>



</center></td>
<td width="55%"><center>
<b><u>Для пиарщиков:</u></b><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=62">Наша реклама</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=70#p145">Наш баннер</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=71">Баннерообмен</a><br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=68">Ваша реклама</a><br>


</center></td></tr>
    </table></center>
</div>

     <div id="sm3" class="submenutext">

<FONT SIZE=2><b>Администраторы:</b></FONT> 
<br> 

<center>
<a href="http://pinkpearls.mybb.ru/profile.php?id=3"><img src="http://s020.radikal.ru/i713/1308/8c/328a84639d01.png" border="0" title="Кристина Кляйн" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=2"><img src="http://i054.radikal.ru/1307/e4/bb20fca3448b.png" border="0" title="Дориан Грей" ></a>
</center>
<br><FONT SIZE=2><b>Модераторы:</b></FONT><br> 

<center>
<a href="http://pinkpearls.mybb.ru/profile.php?id=5"><img src="http://s019.radikal.ru/i634/1308/83/094b9627c388.png" border="0" title="Алекс Фонсе" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=10"><img src="http://i017.radikal.ru/1308/f5/cbf2346b8635.png" border="0" title="Шер ар Ради" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=13"><img src="http://s018.radikal.ru/i512/1308/bb/1bc39901f339.png" border="0" title="Вивьен де Нуар" ></a>
<a href="http://pinkpearls.mybb.ru/profile.php?id=6"><img src="http://s50.radikal.ru/i130/1308/57/3d624ac64835.png" border="0" title="Алиталия Блэйк-Мур" ></a>
</center>

</div>
     <div id="sm4" class="submenutext">

<br/><br/>
<FONT SIZE=2><b>Наши партнеры:</b></FONT>
<br>Партнерство оформляется в теме под названием
 <br>
<a href="http://pinkpearls.mybb.ru/viewtopic.php?id=72#p157">Заявка на партнёрство</a> <br/>

<br>
<a href="http://queerasfolk.mybb.by/" title="Близкие друзья. Последняя история" target="_blank"><img src="https://forumstatic.ru/files/0010/3b/3f/34403.gif"></a>
<a target="_blank" href="http://blackgrad.anihub.ru/" title="Блэкград: обитель одиноких сердец" alt="Блэкград: обитель одиноких сердец"><img src="http://s3.uploads.ru/t/IDUkn.gif" ></a>
<a href="http://dreamcatcher.artbb.ru/"><img title="» Dreamcatcher: Hear my silent prayer`" src="http://uploads.ru/i/z/k/3/zk3cW.gif" border="0" /></a>
<a href="http://fckthesystem.rolbb.ru//"><img src="http://s2.uploads.ru/jxXhW.gif"  title="Прем против правил!" /></a>
<a href="http://anysie.mybb.ru/"><img src="http://i001.radikal.ru/1109/4a/336f734d10c0.jpg" border=0 title="Другая сторона"></a><br/>
<a href="http://elf-lied.ru/" target=_blank><img src="http://s1.uploads.ru/Hofxv.gif" title="Elfen Lied - ролевой форум"></a>
<a title="THIS IS MAAAAGIC!!" href="http://duel.win-x.su/" target="_blank"><img src="http://s5.uploads.ru/4JDnR.png" alt="THIS IS MAAAAGIC!!" width="88" height="31" border="0" /></a>
<a href="http://tht.rolka.su/"><img src="http://s4.uploads.ru/E51Tn.gif" width="88" height="31"></a><br/>
<a href="http://madmadwonderland.rusff.ru/" alt="Наша реклама. Наши баннеры."><img src="http://s1.uploads.ru/rER0X.png"></a>
 
</div>
     <div id="sm5" class="submenutext">

</div>
   </td>
</tr>
 </tbody>
</table></center>

Поделиться5Сб, 19 Окт 2013 19:15:45

Автор: Алекс Фонсе
Заслуженный
Зарегистрирован: Вс, 16 Янв 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Пн, 9 Дек 2013 13:23:54

Deff
Спасибо большое)

Страница: 1

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Проблема с таблицей

Сообщений 1 страница 5 из 5

Поделиться1Сб, 19 Окт 2013 01:04:39

Поделиться2Сб, 19 Окт 2013 01:42:48

Поделиться3Сб, 19 Окт 2013 02:31:19

Поделиться4Сб, 19 Окт 2013 16:31:53

Поделиться5Сб, 19 Окт 2013 19:15:45