Таблицы на заказ

Поделиться612010-06-09 00:01:08

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

|Ami|

вверх

<style type="text/css">
#part1,#part2,#part3,#part4 {
z-index: 2;
position: absolute;
visibility: hidden}
</style>

вниз

<script language="JavaScript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part2ON(){document.getElementById("part2").style.visibility='visible'}
function part3ON(){document.getElementById("part3").style.visibility='visible'}
function part4ON(){document.getElementById("part4").style.visibility='visible'}
function part1OFF() {document.getElementById("part1").style.visibility='hidden'}
function part2OFF(){document.getElementById("part2").style.visibility='hidden'}
function part3OFF(){document.getElementById("part3").style.visibility='hidden'}
function part4OFF(){document.getElementById("part4").style.visibility='hidden'}
</script>

В обьяву

<table background="http://o.imm.io/ExF.jpg" width="650" height="422" border="0" >
<tr>
<td width="126" height="41"> </td>
<td width="150" onMouseOver="part2ON()" onMouseOut="part2OFF()">
</td>
<td width="211"> </td>
<td width="145" onMouseOver="part1ON()" onMouseOut="part1OFF()"> </td>
</tr>
<tr>
<td height="375"> </td>
<td valign="top"><div id="part2" class="container">
Контейнер номер 2
</div></td>
<td><div style="margin: 10px 0px 150px 10px; overflow: auto; height: 150px; left: 25px; top: 96px; width: 200px;">
<div align="center">Текст</div>
</div></td>
<td valign="top"><div id="part1" class="container">
Контейнер номер 1
</div></td>
</tr>
</table>

Отредактировано toshiro-kun (2010-06-09 00:28:12)

+1

Поделиться622010-06-09 00:31:13

Автор: Lili-chan
•●AC●•
Зарегистрирован: 2010-06-08
Приглашений: 0
Сообщений: 2
Уважение: [+0/-0]
Позитив: [+1/-0]
Провел на форуме:
2 часа 44 минуты
Последний визит:
2010-12-22 19:32:11

01 размер таблицы 718х530
Можно сделать чтобы в разделах For Guests и News можно было написать текст, а остальные разделы (Администрация, Реклама, События в игре и Навигация) сделать выдвижными ячейками.
02 картинка

Заранее благодарна

0

Поделиться632010-06-09 07:56:58

Автор: Sten :3
•●AC●•
Зарегистрирован: 2010-05-01
Приглашений: 0
Сообщений: 42
Уважение: [+2/-0]
Позитив: [+20/-0]
Провел на форуме:
19 часов 4 минуты
Последний визит:
2010-12-21 22:00:56

toshiro-kun
Спасибо**

0

Поделиться642010-06-09 15:00:41

Автор: Windstorm
•●AC●•
Зарегистрирован: 2010-06-09
Приглашений: 0
Сообщений: 4
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 час 7 минут
Последний визит:
2010-06-11 14:47:24

Я плохо в пикселях разбираюсь,но хотелось бы,чтоб всё симетрично получилось

Отредактировано Windstorm (2010-06-09 15:01:03)

0

Поделиться652010-06-09 15:56:48

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Lili-chan

Код:

<table width="719" height="480" border="0" background="http://s51.radikal.ru/i132/1006/59/8b38cac65193.jpg">
  <tr>
    <td height="441" colspan="2"><div style="margin:182px 0px 0px 62px; left: 79px; top: 221px; overflow: auto; width: 197px; height: 222px;">
      <div align="center">Текст</div>
    </div></td>
    <td colspan="2"><div style="margin:182px 0px 0px 105px; left: 79px; top: 221px; width: 197px; overflow: auto; height: 222px;"><div align="center">Текст</div> </div></td>
  </tr>
  <tr>
    <td width="196" height="23"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст</DIV></DIV>
</div></td>
    <td width="140"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст</DIV></DIV>
</div></td>
    <td width="128"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст</DIV></DIV>

</div></td>
    <td width="223"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст</DIV></DIV>
</div></td>
  </tr>
  <tr>
    <td height="2"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Вверх

Код:

<style> 
div .splLink {width: 140px; height: 50px; font-weight: bold; background: transparent;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background: #e5d2a8; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

Вниз

Код:

<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>

Отредактировано toshiro-kun (2010-06-16 17:56:29)

+1

Поделиться662010-06-09 15:57:27

Автор: Lili-chan
•●AC●•
Зарегистрирован: 2010-06-08
Приглашений: 0
Сообщений: 2
Уважение: [+0/-0]
Позитив: [+1/-0]
Провел на форуме:
2 часа 44 минуты
Последний визит:
2010-12-22 19:32:11

toshiro-kun
Огромное спасибо)) +

0

Поделиться672010-06-09 16:01:02

Автор: Лилит
•●AC●•
Зарегистрирован: 2010-06-09
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+1/-0]
Провел на форуме:
1 час 13 минут
Последний визит:
2010-08-30 07:04:47

Изображение
Так в левой ячейке можно сделать поле с прокруткой? Во второй просто текст, а под картинкой бегущую строку?
Картинку на задний фон я смогла поставить, а вот с таблицей проблема. Помогите, пожалуйста. :flirt:

Отредактировано Лилит (2010-06-09 16:16:02)

0

Поделиться682010-06-09 16:19:16

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Windstorm
Сожалею ваша фантазия за гранями моего понимания, вы хотите показать вот этой нижней фигурой, что у вас будет администрация прописываться в строчку? предлагаю такой вариант

http://i074.radikal.ru/1006/15/504c487dce3d.jpg
или
http://s53.radikal.ru/i139/1006/00/c0f31335a310.jpg

Если устраевает пропишите где что хотите по низу. Если нет ждите нашего мастера по нестандартным заказам

Лилит написал(а):

Во второй просто текст,

Забейте, сделаем как хотите, за одно ограничитель поставлю ><

Отредактировано toshiro-kun (2010-06-09 16:29:00)

0

Поделиться692010-06-09 16:32:52

Автор: Лилит
•●AC●•
Зарегистрирован: 2010-06-09
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+1/-0]
Провел на форуме:
1 час 13 минут
Последний визит:
2010-08-30 07:04:47

toshiro-kun Спасибики

0

Поделиться702010-06-09 16:42:42

Автор: Windstorm
•●AC●•
Зарегистрирован: 2010-06-09
Приглашений: 0
Сообщений: 4
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
1 час 7 минут
Последний визит:
2010-06-11 14:47:24

toshiro-kun написал(а):

Если устраевает пропишите где что хотите по низу

Можно по первому варианту?Тогда наверное пусть слева будут модеры,справа админы,а по середине сомодераторы и соадминистраторы.

0

Поделиться712010-06-09 18:56:19

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Лилит

Код:

<table width="850" height="411" border="0" background="http://s40.radikal.ru/i088/1006/26/3de454bb6ab9.jpg">
  <tr>
    <td width="425" valign="top"><div style="margin:35px 0px 70px 9px; height: 294px; left: 10px; top: 36px; width: 263px;overflow: auto;" >Текст</div></td>
    <td width="425" valign="top"><div style="margin-top:33px; margin-left:148px; left: 578px; top: 52px; width: 258px; height: 293px;">Текст</div></td>
  </tr>
</table>
<table width="850" border="0">
  <tr>
    <td><marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="850" height="20">
Бегущая строка
      </marquee></td>
  </tr>
</table>

Ограничитель поставить не смог, просто не вставляйте туда много текста. И все будет ОК)
Windstorm
Хорошо я понял, сделаем

+1

Поделиться722010-06-09 19:11:39

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Windstorm

Код:

<table border="1" width="100%" height="100%" cellspacing="20">
  <tr>
    <td colspan="3" height="20%"><marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="100%" height="20">
Бегущая строка
      </marquee></td>
  </tr>
  <tr>
    <td width="22%"><div align="center">Объявление</div>
    <p align="center">Текст</p></td>
    <td width="62%" rowspan="2" height="50%"><div align="center"><img src="Ссылка на картинку"></div></td>
    <td width="16%"><div align="center">Погода</div>
    <p align="center">Текст</p></td>
  </tr>
  <tr>
    <td rowspan="2" height="50%"><div align="center">Модеры</div>
    <p align="center">Текст</p></td>
    <td rowspan="2" height="50%"><div align="center">Админы</div>
    <p align="center">Текст</p></td>
  </tr>
  <tr>
    <td height="30%"><div align="center">Соадмины сомодеры</div>
    <p align="center">Текст</p></td>
  </tr>
</table>

0

Поделиться732010-06-10 03:21:28

Автор: Лилит
•●AC●•
Зарегистрирован: 2010-06-09
Приглашений: 0
Сообщений: 7
Уважение: [+0/-0]
Позитив: [+1/-0]
Провел на форуме:
1 час 13 минут
Последний визит:
2010-08-30 07:04:47

toshiro-kun
Ой большое спасибо!!!!

0

Поделиться742010-06-11 19:34:42

Автор: Aino
•●AC●•
Зарегистрирован: 2010-06-08
Приглашений: 0
Сообщений: 114
Уважение: [+30/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 16 часов
Последний визит:
2011-05-04 23:01:42

01 размер 816х246
Ячейки: действия в игре, администрация, полезные ссылки, погода и время сделать выдвежными.
под надписями: для гостей и объявление написать текст.
02 картинка

0

Поделиться752010-06-11 22:23:10

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Aino

Код:

<table width="816" height="246" border="0" background="http://s002.radikal.ru/i199/1006/4a/fa195367bde3.png">
  <tr>
    <td width="155" height="30">&nbsp;</td>
    <td width="119">
<div class="spll">
<DIV jQuery1259073801391="4">
<div class=splLink href="javscript://" jQuery1259073801391="2"><p align="center"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">тескт</DIV></DIV></div>
    </td>
    <td width="119"><div class="spll">
      <div jquery1259073801391="4">
        <div class="splLink" href="javscript://" jquery1259073801391="2">
          <p align="center"></p>
        </div>
        <div style="DISPLAY: none; position: absolute;" class="splCont" jquery1259073801391="5">тескт</div>
      </div>
    </div></td>
    <td width="117"><div class="spll">
      <div jquery1259073801391="4">
        <div class="splLink" href="javscript://" jquery1259073801391="2">
          <p align="center"></p>
        </div>
        <div style="DISPLAY: none; position: absolute;" class="splCont" jquery1259073801391="5">тескт</div>
      </div>
    </div></td>
    <td width="108"><div class="spll">
      <div jquery1259073801391="4">
        <div class="splLink" href="javscript://" jquery1259073801391="2">
          <p align="center"></p>
        </div>
        <div style="DISPLAY: none; position: absolute;" class="splCont" jquery1259073801391="5">тескт</div>
      </div>
    </div></td>
    <td width="172">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" valign="top"><div style="margin:0px 0px 0px 4px; left: 10px; overflow: auto; top: 97px; width: 170px; height: 140px;">
      <div align="center">Текст</div></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" valign="top" align="right"><div style="margin:0px 4px 0px 100px; left: 10px; overflow: auto; top: 97px; width: 185px; height: 150px;">
      <div align="center">Текст</div></div></td>
  </tr>
</table>

вниз

Код:

<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>

Вверх

Код:

<style> 
div .splLink {width: 100px; height: 20px; font-weight: bold; background: transparent;}
.spll {width: 60px; height: 50px; }
.spll div .splCont {height: auto; width: 100px; background: #e5d2a8; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

Отредактировано toshiro-kun (2010-06-16 18:00:52)

+1

Поделиться762010-06-16 14:31:45

Автор: Sten :3
•●AC●•
Зарегистрирован: 2010-05-01
Приглашений: 0
Сообщений: 42
Уважение: [+2/-0]
Позитив: [+20/-0]
Провел на форуме:
19 часов 4 минуты
Последний визит:
2010-12-21 22:00:56

Подгоните пожалуйста таблицу под >>эту<< картинку

0

Поделиться772010-06-16 17:48:40

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Sten :3

Код:

<table width="800" height="589" border="0" background="http://o.imm.io/HZW.png">
  <tr>
    <td width="155" height="63"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Ваш текст</DIV></DIV>
</div></td>
    <td width="123"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Ваш текст</DIV></DIV>
</div></td>
    <td width="161" ><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Ваш текст</DIV></DIV>
</div></td>
    <td width="148"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Ваш текст</DIV></DIV>
</div></td>
    <td width="191"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Ваш текст</DIV></DIV>
</div></td>
  </tr>
  <tr>
    <td height="310" colspan="2"><div style="margin:25px 0px 0px 9px; left: 10px; overflow: auto; top: 97px; width: 265px; height: 275px;">
      <div align="center">текст</div></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>

  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

то что вниз верх смотрите выше

Отредактировано toshiro-kun (2010-06-16 17:49:45)

+1

Поделиться782010-06-20 18:47:45

Автор: Aino
•●AC●•
Зарегистрирован: 2010-06-08
Приглашений: 0
Сообщений: 114
Уважение: [+30/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 16 часов
Последний визит:
2011-05-04 23:01:42

01 размер 811 х 372
Ячейки: действия в игре, администрация, полезные ссылки, погода и время сделать выдвежными.
под надписями: для гостей и объявление написать текст. по середине картинку размером 811х161
02 картинка http://s45.radikal.ru/i109/1006/26/afa8426391f3.png
и ещё кое -что - линии и полоски в таблице убрать ^ ^
заранее спс

Отредактировано Aino (2010-12-09 15:58:14)

0

Поделиться792010-06-20 21:25:22

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Aino

Объявление

Код:

<table width="100%" border="0">
  <tr>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center">Администрация</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center">Сюжет</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center">Действия в игре</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center">Время и погода</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center">Реклама</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
</table>
<table width="100%" border="0">
  <tr>
    <td colspan="2"><div align="center"><img src="Ссылка на картинку"></div></td>
  </tr>
  <tr>
    <td width="50%"><div align="center">Объявления и новости</div></td>
    <td width="50%"><div align="center">Для гостей</div></td>
  </tr>
  <tr>
    <td><div align="center">Текст</div></td>
    <td><div align="center">Текст</div></td>
  </tr>
</table>

Вниз

Код:

<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>

Вверх

Код:

<style> 
div .splLink {width: 140px; height: 20px; font-weight: bold; background: transparent;}
.spll {width: 100px; height: 50px; }
.spll div .splCont {height: auto; width: 180px; background: #ababab; padding: 2px; z-index: 1000; margin-top: 5px; border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

0

Поделиться802010-06-21 15:13:50

Автор: •.snowdia
•fack
Зарегистрирован: 2010-04-11
Приглашений: 0
Сообщений: 40
Уважение: [+0/-0]
Позитив: [+4/-0]
Пол: Женский
Возраст: 26 [1998-01-04]
Провел на форуме:
18 часов 5 минут
Последний визит:
2010-10-01 13:04:00

Подгоните, пожалуйста под эту картинку.
Внизу, в серой полоске, расположить 5 выдвижных ячеек, дес.
Под надписями: For quests и News написать текст.
Заранее спасибо.

0

Поделиться812010-06-22 00:57:00

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

•.snowdia
Объявление

Код:

<table width="780" height="547" border="0" background="http://s51.radikal.ru/i133/1006/97/581f28ae072d.png">
  <tr>
    <td colspan="2" rowspan="2"><div style="margin:35px 0px 205px 50px; height: 250px; left: 10px; top: 36px; width: 220px;overflow: auto;" >Текст</div></td>
    <td width="186">&nbsp;</td>
    <td colspan="2" rowspan="2"><div style="margin:35px 0px 245px 100px; height: 220px; left: 10px; top: 36px; width: 200px;overflow: auto;">Текст</div></td>
  </tr>
  <tr>
    <td height="491">&nbsp;</td>
  </tr>
  <tr>
    <td width="156"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №1</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="156"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №2</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №3</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="156"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №4</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="156"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №5</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
</table>

Верх

Код:

<style> 
div .splLink {width: 140px; height: 40px; font-weight: bold; background: transparent;}
.spll {width: 100px; height: 50px; }
.spll div .splCont {height: auto; width: 170px; background: #ababab; padding: 2px; z-index: 1000; margin-top: 5px; border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

Низ

Код:

<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>

+1

Поделиться822010-06-26 17:12:36

Автор: Aino
•●AC●•
Зарегистрирован: 2010-06-08
Приглашений: 0
Сообщений: 114
Уважение: [+30/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 16 часов
Последний визит:
2011-05-04 23:01:42

01 размер 902х334
Ячейки: действия в игре, администрация, полезные ссылки, погода и время сделать выдвежными.
под надписью объявления написать текст.
02 картинка

0

Поделиться832010-06-27 01:42:48

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Aino
Хм, интересный вариант. Выпадать будут исключительно в правую сторону. и вниз, могу конечно немного сдвинуть, но совсем уж немного что бы вываливались в сторонку а не на ряд. Это если при клике, если же при наведении, хм, можно попробовать но вероятность что они будут выпадать влево и нормально, слишком мала. Как именно вы хотет

0

Поделиться842010-06-27 03:06:44

Автор: toshiro-kun
•●AC●•
Откуда: из кода @_0
Зарегистрирован: 2010-05-30
Приглашений: 0
Сообщений: 241
Уважение: [+61/-0]
Позитив: [+0/-0]
Пол: Мужской
Возраст: 34 [1990-08-29]
Провел на форуме:
2 дня 3 часа
Последний визит:
2011-02-14 22:49:50

Aino
Обьява

Код:

<table width="902" height="337" border="0" background="http://s001.radikal.ru/i194/1006/12/6acbf60b1119.png">
  <tr>
    <td width="694" height="102" rowspan="4"><div style="margin:0px 0px 150px 50px; height: 100px; left: 10px; top: 36px; width: 300px;overflow: auto;" >Текст</div></td>   
    <td width="47" onmouseover="part1ON()" onmouseout="part1OFF()">&nbsp;</td>
    <td width="147" height="102"><div style="visibility:hidden" id="part1">текст</div></td>
  </tr>
  <tr>
    <td height="79" onmouseover="part2ON()" onmouseout="part2OFF()">&nbsp;</td>
    <td height="79"><div style="visibility:hidden" id="part2" >текст</div></td>

  </tr>
  <tr>
    <td height="44" onmouseover="part3ON()" onmouseout="part3OFF()">&nbsp;</td>
    <td><div style="visibility:hidden" id="part3" >текст</div></td>

  </tr>
  <tr>
    <td height="102" onmouseover="part4ON()" onmouseout="part4OFF()">&nbsp;</td>
    <td><div style="visibility:hidden" id="part4" >текст</div></td>

  </tr>
</table>

Низ

Код:

<script language="JavaScript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part1OFF(){document.getElementById("part1").style.visibility='hidden'}
function part2ON() {document.getElementById("part2").style.visibility='visible'}
function part2OFF(){document.getElementById("part2").style.visibility='hidden'}
function part3ON() {document.getElementById("part3").style.visibility='visible'}
function part3OFF(){document.getElementById("part3").style.visibility='hidden'}
function part4ON() {document.getElementById("part4").style.visibility='visible'}
function part4OFF(){document.getElementById("part4").style.visibility='hidden'}
</script>

0

Поделиться852010-06-27 09:32:09

Автор: Aino
•●AC●•
Зарегистрирован: 2010-06-08
Приглашений: 0
Сообщений: 114
Уважение: [+30/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 16 часов
Последний визит:
2011-05-04 23:01:42

toshiro-kun написал(а):

Хм, интересный вариант. Выпадать будут исключительно в правую сторону. и вниз, могу конечно немного сдвинуть, но совсем уж немного что бы вываливались в сторонку а не на ряд. Это если при клике, если же при наведении, хм, можно попробовать но вероятность что они будут выпадать влево и нормально, слишком мала. Как именно вы хотет

большое спасиб, но мне достаточно, что вы сейчас сделали)

Отредактировано Aino (2010-06-27 09:52:16)

0