Таблицы на заказ (13)

Поделиться261Чт, 15 Дек 2011 14:53:34

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Штольц, еще раз здравствуйте.
Вот так должен выглядеть код вашей четвертой кнопки:

<div id="sm4" class="submenutext"><div style="width: 100%; height: 198px; overflow: auto;"><br/>

<a href="http://finalfantasy.rusff.ru/viewtopic.php?id=63#p210"><img src="http://uploads.ru/i/r/Q/c/rQcx1.png"></a>
<br><a href="http://finalfantasy.rusff.ru/viewtopic.php?id=64#p213"><img src="http://uploads.ru/i/v/Z/m/vZmHy.png"></a>
<br><a href="http://finalfantasy.rusff.ru/viewtopic.php?id=65#p216"><img src="http://uploads.ru/i/R/H/2/RH2MP.png"></a>
<br><a href="http://finalfantasy.rusff.ru/viewtopic.php?id=67#p222"><img src="http://uploads.ru/i/J/u/b/JubLA.png"></a>
<br><a href="http://finalfantasy.rusff.ru/viewtopic.php?id=68#p223"><img src="http://uploads.ru/i/7/G/S/7GSZw.png"></a>

</div>
</div>

Отредактировано Rion Leonheart (Чт, 15 Дек 2011 14:56:54)

+1

Поделиться262Чт, 15 Дек 2011 15:48:49

Автор: Штольц
Заслуженный
Зарегистрирован: Сб, 4 Апр 2009
Сообщений: 87
Уважение: 0
Позитив: +28
Пол: Женский
Последний визит:
Чт, 18 Авг 2022 21:38:08

Rion Leonheart
премного благодарна ** вы спасли меня в очередной раз хД

0

Поделиться263Чт, 15 Дек 2011 15:52:14

Автор: Hitsugi
Заслуженный
Зарегистрирован: Сб, 30 Дек 2006
Сообщений: 41
Уважение: 0
Позитив: 0
Последний визит:
Пт, 16 Дек 2011 15:24:51

Rion Leonheart
ну вот я вернула как было, но грят что всё равно ползает((

0

Поделиться264Чт, 15 Дек 2011 16:41:01

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Hitsugi, эксперимент...

В html-верх:

<style type="text/css">
#pun-break1 {border: none!important;}

#pun {width: 970px;}
</style>

Отредактировано Rion Leonheart (Пн, 19 Дек 2011 17:41:53)

0

Поделиться265Чт, 15 Дек 2011 17:13:21

Автор: Hitsugi
Заслуженный
Зарегистрирован: Сб, 30 Дек 2006
Сообщений: 41
Уважение: 0
Позитив: 0
Последний визит:
Пт, 16 Дек 2011 15:24:51

Rion Leonheart
оо) вроде всё встало как надо) Спасибо огромное)

0

Поделиться266Чт, 15 Дек 2011 17:50:40

Автор: Susy
Заслуженный
Зарегистрирован: Сб, 26 Мар 2011
Сообщений: 121
Уважение: +3
Позитив: +14
Пол: Женский
Последний визит:
Вс, 3 Мар 2013 15:25:15

Rion Leonheart
спасибо тебе большое (:

0

Поделиться267Чт, 15 Дек 2011 18:14:40

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Мятная Звезда,
*поправлено

В html-верх:

Код:

<style>
#menu1, #menu2 {
margin-top: -2px;
width: 170px;
height: 60px;}

#menu1 span, #menu2 span {
border: 1px solid #000;
display: block;
color: #000;
margin: 9px 0 30px 0;
padding: 20px 11px 20px 11px;}

.submenutext, #menu1 span, #menu2 span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;}

.submenutext {
border: 1px solid #000;
text-align: center;
padding: 0px;
display: none;
width: 540px;
height: 520px;}
font-size: 12px;
</style>

В html-низ:

Код:

<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.#menu1 span,div.#menu2 span").click(function() {
    $("div.#menu1 span,div.#menu2 span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

В объявление:

Код:

<center><table style="width: 100%; text-align: center;">
<tbody>
  <tr>
   <td align="center" valign="top">
    <div id="menu1"><b>
<span alt="#sm1" style="cursor: pointer;"><center>Main page</center></span>
<span alt="#sm2" style="cursor: pointer;"><center>Administration</center></span>
<span alt="#sm3" style="cursor: pointer;"><center>Moderation</center></span>
<span alt="#sm4" style="cursor: pointer;"><center>Time & date</center></span>
<span alt="#sm5" style="cursor: pointer;"><center>Forum's news</center></span>
<span alt="#sm6" style="cursor: pointer;"><center>Mountain clan</center></span>
                    </b>
    </div>
   </td>

   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext" style="display: block;">

<table width="100%" height="100%" cellspacing="0" border="0">
<tr>
<td height="40" colspan="2">

<b>Добро пожаловать на ~Коты воители, битва за жизнь!~</b>

</td>
</tr>
<tr height="379">
<td width="379">

<img src="http://s43.radikal.ru/i101/1111/03/d7a1c2dfb806.jpg">

</td>
<td valign="top">

<b>Дорогие гости!</b><br/><br/>

___


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

     <div id="sm2" class="submenutext" style="display: block;">

<table width="100%" height="100%" border="0">
<tr>
<td width="30%">

<a href="http://newcatswariors.mybb.ru/profile.php?id=3"><img src="http://s017.radikal.ru/i433/1111/bc/1d08d11b0efb.gif"></a>

</td>
<td width="30%">

<a href="http://newcatswariors.mybb.ru/profile.php?id=2"><img src="http://s001.radikal.ru/i194/1111/c0/3e91dcc6ecc0.gif"></a>

</td>
<td width="30%">

<a href="http://newcatswariors.mybb.ru/profile.php?id=4"><img src="http://s017.radikal.ru/i405/1111/7a/38ad1afc24d4.gif"></a>

</td></tr></table>

</div>

     <div id="sm3" class="submenutext" style="display: block;">

<table width="100%" height="100%" border="0">
<tr height="50%">
<td width="30%">

<a href="http://newcatswariors.mybb.ru/profile.php?id=13"><img src="http://s41.radikal.ru/i094/1111/3c/1ae5786eeffa.gif"></a>

</td>
<td width="30%">

<a href="http://newcatswariors.mybb.ru/profile.php?id=10"><img src="http://s017.radikal.ru/i424/1111/78/16f999bf91f2.gif"></a>

</td><td width="30%">

<a href=""><img src="http://s017.radikal.ru/i424/1111/82/93178c542c9c.gif" ></a>

</td></tr>
<tr height="50%"><td width="30%">

<a href="http://newcatswariors.mybb.ru/profile.php?id=29"><img src="http://i025.radikal.ru/1111/2f/ba9ca57808ce.gif"></a>

</td><td width="30%">

<a href="http://newcatswariors.mybb.ru/profile.php?id=12"><img src="http://s017.radikal.ru/i433/1111/e9/fd3d674aab4b.gif"></a>

</td><td width="30%">

<a href""><img src="http://s017.radikal.ru/i424/1111/82/93178c542c9c.gif"></a>

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

     <div id="sm4" class="submenutext" style="display:block;">

<table width="100%" height="100%" border="0">
<tr><td width="290" rowspan="2">

<b>Время в игре</b><br/><br/>

Конец Сезона Листопада. Дичи очень мало, племена голодают. Вся дичь, которую они могут поймать, воители запасают на долгую и холодную зиму.<br/>
Вся дичь попряталась. Но даже если удастся поймать хоть одну мышку, то в ней будет больше костей, чем мяса.<br/>
Так что не очень увлекайтесь с жирными сороками и толстыми мышками.

</td>

<td height="50%">

<b>Время</b><br/><br/>

<iframe src="http://ognegrivka271.narod.ru/4_12.html" width="150" height="100" frameborder="0" scrolling="no"></iframe>

</td></tr>

<tr height="50%">
<td>

<b>Дата</b><br/><br/>

<iframe name="lines.net.ua" src="http://lines.net.ua/pages/calendar.php?bg=60.gif&amp;ltype=1&mcolor=15&fcolor=10" height="160" width="160" scrolling="no" frameborder="0"></iframe>

</td></tr></table>

</div>

     <div id="sm5" class="submenutext" style="display:block;">

<table width="100%" height="100%" border="0">
<tr height="50%">
<td width="50%">

Новости форума

</td>

<td width="50%">

<br/>Биржа<br/><br/>

<a href="http://newcatswariors.mybb.ru/viewtopic.php?id=257"><i>Цветик</i></a>
<br/>
<a href="http://newcatswariors.mybb.ru/viewtopic.php?id=287"><i>Скалолапа</i></a>
<br/>
<a href="http://newcatswariors.mybb.ru/viewtopic.php?id=287"><i>Снежный Хвост</i></a>
</td></tr>

<tr height="50%">
<td width="50%">

Новостей нет

</td>

<td>

<br/>Дата<br/><br/>

<iframe name="lines.net.ua" src="http://lines.net.ua/pages/calendar.php?bg=60.gif&amp;ltype=1&mcolor=15&fcolor=10" height="160" width="160" scrolling="no" frameborder="0"></iframe>

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

     <div id="sm6" class="submenutext" style="display:block;">

<table width="100%" height="100%" border="0" cellspacing="0">
<tr>
<td width="320" rowspan="3" align="center">

<img src="http://uploads.ru/i/P/0/6/P06e4.png" width="315" height="515" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="103,20,153,40" href="http://newcatswariors.mybb.ru/viewtopic.php?id=33" alt="Лунная пещера" />
  <area shape="rect" coords="18,67,65,95" href="http://newcatswariors.mybb.ru/viewtopic.php?id=292#p1322" alt="Высокие скалы" />
  <area shape="rect" coords="65,95,112,135" href="http://newcatswariors.mybb.ru/viewtopic.php?id=230" alt="Главная поляна лагеря" />
  <area shape="rect" coords="30,285,75,311" href="http://newcatswariors.mybb.ru/viewtopic.php?id=293#p1323" alt="Низкие скалы" />
  <area shape="rect" coords="130,217,200,243" href="http://newcatswariors.mybb.ru/viewtopic.php?id=294#p1324" alt="Вересковая пустошь" />
  <area shape="rect" coords="225,180,265,195" href="http://newcatswariors.mybb.ru/viewtopic.php?id=295#p1325" alt="Осины" />
  <area shape="rect" coords="305,20,315,367" href="http://newcatswariors.mybb.ru/viewtopic.php?id=296#p1326" alt="Граница с Огненным племенем" />
  <area shape="rect" coords="260,470,315,505" href="http://newcatswariors.mybb.ru/viewtopic.php?id=225#p810" alt="Поляна Четырех деревьев" />
  <area shape="rect" coords="40,500,207,515" href="http://newcatswariors.mybb.ru/viewtopic.php?id=297#p1327" alt="Граница с Лунным племенем" />
</map>

</td>

<td height="30%">
<div style="overflow: auto; width: 100%; height: 170px;">

Горные коты храбры и отважны. Они справедливы и мудры, терпеливы и дружелюбны. Часто приходят на помощь соседям, особенно Радужным котам. Возможно, это объясняется тем, что Мятная Звезда приходится племянницей Дикой Звезде.<br/>

У Горных котов мощные задние лапы, что бы прыгать по скалам. Шерсть серая или пестрая. Встречаются рыжие коты.<br/>

Большая часть земель - вересковые пестоши. Меньшая (примерно 2/5) - горы. В горах находится лагерь и Лунная пещера, чем Горное племя очень гордится.

</div></td></tr>

<tr><td height="30%" style="font-weight: bold; font-size: 8px;">
<div style="overflow: auto; width: 100%; height: 170px;">

<br/><span style=" color: sienna;">Предводитель:</span> 

<span style="color: green;">Дикая Звезда</span> 

<br/><br/>

<span style="color: sienna;">Глашатай:</span> 

<span style="color: green;">Травка</span> 

<br/><br/>

<span style="color: sienna;">Оруженосцы:</span> 

<span style="color: green;">Пшеница</span> 

<br/><br/>

<span style="color: sienna;">Воители:</span> 

<span style="color: green;">Скалолапа</span> 

<br/><br/>

<span style="color: sienna;">Целитель:</span> 

<span style="color: green;"></span> 

<br/><br/>

<span style="color: sienna;">Ученик целителя:</span> 

<span style="color: green;"></span> 

<br/><br/>

<span style="color: sienna;">Котята:</span> 

<span style="color: green;"></span> 

<br/><br/>

<span style="color: sienna;">Королевы:</span> 

<span style="color: green;"></span> 

<br/><br/>

<span style="color: sienna;">Старейшины:</span> 

<span style="color: green;"></span>

        </div>

</td></tr>
<tr><td height="30%">
<div style="overflow: auto; width: 100%; height: 170px;">

новостей нет

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

</div>

<div id="sm7" class="submenutext" style="display:block;">

кнопка 7

</div>
<div id="sm8" class="submenutext" style="display:block;">

кнопка 8

</div>
<div id="sm9" class="submenutext" style="display:block;">

кнопка 9

</div>
<div id="sm10" class="submenutext" style="display:block;">

кнопка 10

</div>
<div id="sm11" class="submenutext" style="display:block;">

кнопка 11

</div>
<div id="sm12" class="submenutext" style="display:block;">

кнопка 12

</div>
</div>
   </td>
   <td align="center" valign="top">
    <div id="menu2"><b>
<span alt="#sm7" style="cursor: pointer;"><center>Moon clan</center></span>
<span alt="#sm8" style="cursor: pointer;"><center>Fire clan</center></span>
<span alt="#sm9" style="cursor: pointer;"><center>Rainbow clan</center></span>
<span alt="#sm10" style="cursor: pointer;"><center>Lone cats</center></span>
<span alt="#sm11" style="cursor: pointer;"><center>PR</center></span>
<span alt="#sm12" style="cursor: pointer;"><center>Banners</center></span>
           </b>
    </div>
   </td>
</tr>
</tbody>
</table></center>

Отредактировано Rion Leonheart (Сб, 14 Янв 2012 05:48:39)

0

Поделиться268Чт, 15 Дек 2011 19:38:09

Автор: Галлотея Калме
Заслуженный
Зарегистрирован: Сб, 16 Июл 2011
Сообщений: 80
Уважение: +5
Позитив: +23
Пол: Женский
Последний визит:
Пт, 17 Фев 2012 10:17:57

Rion Leonheart
Браво! Большое вам спасибо!
С "проблемой" не беспокойтесь, даже не заметно как-то... главное что работает!

Отредактировано Галлотея Калме (Чт, 15 Дек 2011 20:00:20)

0

Поделиться269Чт, 15 Дек 2011 20:26:30

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Rion Leonheart
После того, как я вставила таблицу, стало вот что: http://savepic.net/2219629.htm http://savepic.net/2204269.htm А было всё вот так: http://savepic.net/2190957.htm

Можно как-то исправить?

Отредактировано Coffe (Чт, 15 Дек 2011 20:29:12)

0

Поделиться270Чт, 15 Дек 2011 21:12:14

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Coffe, покажите точно - что ставили и куда? Или поставьте на форум - я посмотрю.

Сам код таблицы рабочий. Проверял на тестовиках. Судя по скринам, вы что-то не так скопировали Оо

Отредактировано Rion Leonheart (Чт, 15 Дек 2011 21:44:57)

0

Поделиться271Чт, 15 Дек 2011 22:15:47

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Rion Leonheart
Хорошо, попробую вставить повторно)

0

Поделиться272Чт, 15 Дек 2011 22:18:09

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Coffe, ждем-с

+1

Поделиться273Чт, 15 Дек 2011 22:22:10

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Rion Leonheart
Да, всё заработало, огромное спасибо за таблицу!

0

Поделиться274Чт, 15 Дек 2011 22:39:38

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Rion Leonheart написал(а):

Код:
<tr><td width="350">
<img src="ссылка на картинку">
Здесь ширина ячейки, в которой располагается изображение в пикселях. Если вдруг ваше изображение будет другого размера - то подкорректируйте размер по ширине.

То есть, это отвечает за ширину ячеек 1,2,3,4?

0

Поделиться275Чт, 15 Дек 2011 22:44:48

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Coffe, нет, только за ту, в которой стоит картинка шириной в 350 пикселей.

0

Поделиться276Чт, 15 Дек 2011 23:00:09

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Rion Leonheart
Последний вопросик Какая высота у ячеек 1,2,3,4 и можно ли её подровнять?

0

Поделиться277Чт, 15 Дек 2011 23:11:27

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

ой, ширина в смысле... :blush:

0

Поделиться278Чт, 15 Дек 2011 23:12:37

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Coffe, фактически она зависит от размера вставляемой вами картинки, но дабы перестраховаться, лучше самому прописать высоту:

<center><table style="width: 90%; height: NNpx;">
<tr>

<td><DIV><div class=splLink><img src="ссылка на картинку первой кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Контент первой кнопки

</div></DIV></DIV></td>

Где NN - высота строки в пикселях, в которой расположены кнопки.

Отредактировано Rion Leonheart (Чт, 15 Дек 2011 23:13:18)

0

Поделиться279Чт, 15 Дек 2011 23:17:40

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Coffe, ширина по умолчанию одинаковая. Хотите подровнять:

<td width="15%"><DIV><div class=splLink><img src="ссылка на картинку первой кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Контент первой кнопки

</div></DIV></DIV></td>

<td width="25%"><DIV><div class=splLink><img src="ссылка на картинку второй кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Контент второй кнопки

</div></DIV></DIV></td>

<td width="10%"><DIV><div class=splLink><img src="ссылка на картинку третьей кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Контент третьей кнопки

</div></DIV></DIV></td>

<td width="40%"><DIV><div class=splLink><img src="ссылка на картинку четвертой кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

Контент четвертой кнопки

</div></DIV></DIV></td>

Это было для примера: лучше в процентах, но помните, что общая ширина таблицы 90%. Можно конечно и в пикселях, но тогда лучше знать точную ширину всей таблицы... чтобы ничего не вылезло.

0

Поделиться280Чт, 15 Дек 2011 23:17:52

Автор: Coffe
Заслуженный
Зарегистрирован: Вс, 30 Окт 2011
Сообщений: 251
Уважение: +3
Позитив: +20
Последний визит:
Пн, 12 Ноя 2018 18:27:19

Самая самая самая последняя просьба! Можно ли вокруг окошек "картинка" и "новости" сделать чёткие границы? Вот, я сделала примерный набросок: http://savepic.net/2186851.htm Только цвет не такой, а тёмно-серый или чёрный. Заранее спасибо!)

0

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

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

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

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

Таблицы на заказ (13)

Сообщений 261 страница 280 из 1000

Поделиться261Чт, 15 Дек 2011 14:53:34

Поделиться262Чт, 15 Дек 2011 15:48:49

Поделиться263Чт, 15 Дек 2011 15:52:14

Поделиться264Чт, 15 Дек 2011 16:41:01

Поделиться265Чт, 15 Дек 2011 17:13:21

Поделиться266Чт, 15 Дек 2011 17:50:40

Поделиться267Чт, 15 Дек 2011 18:14:40

Поделиться268Чт, 15 Дек 2011 19:38:09

Поделиться269Чт, 15 Дек 2011 20:26:30

Поделиться270Чт, 15 Дек 2011 21:12:14

Поделиться271Чт, 15 Дек 2011 22:15:47

Поделиться272Чт, 15 Дек 2011 22:18:09

Поделиться273Чт, 15 Дек 2011 22:22:10

Поделиться274Чт, 15 Дек 2011 22:39:38

Поделиться275Чт, 15 Дек 2011 22:44:48

Поделиться276Чт, 15 Дек 2011 23:00:09

Поделиться277Чт, 15 Дек 2011 23:11:27

Поделиться278Чт, 15 Дек 2011 23:12:37

Поделиться279Чт, 15 Дек 2011 23:17:40

Поделиться280Чт, 15 Дек 2011 23:17:52