•●Anime Crossroads●• - проект помощи и поддержки аниме ролевых

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

Привет, Гость! Войдите или зарегистрируйтесь.



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

Сообщений 91 страница 120 из 275

91

Кёко написал(а):

а можно как у вас.Токо как картинку свою вставить?

В обьявление Весь кусок дублируется столько раз сколько хотите окошек.

<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"><img src="ссылка на картинку"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div>

Вверх

<style>
div .splLink {width: 140px; height: 20px; font-weight: bold; background: transparent; }
.spll {width: 170px; height: 50px; }
.spll div .splCont {height: auto; width: 250px; background: #AAAAAA; padding: 5px; z-index: 1000;  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-07-01 20:11:47)

+1

92

о1. Вам необходимо подробно описать таблицу (ширина бордюров, размеры ячеек и т.д)
можно такой же формат как у вас сверху?

ячейки
100х150.

о2. Нарисуйте! Описание это хорошо, но наглядная картинка лучше. В программе Paint нарисуйте табличку и выложите эту картинку сюда!
Не боимся ставить "+", если вам помогли. Похвалу любят все)

увеличить

0

93

Dino Kavalonne

В верх

Код:
<style> 
div .splLink {width: 100px; height: 120px; font-weight: bold; background: transparent; }
.spll {width: 130px; height: 120px; }
.spll div .splCont {height: auto; width: 200px; background: #AAAAAA; padding: 5px; z-index: 1000;  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>

Объявление

<table width="800" height="481" border="0" background="http://animecrossroads.rolka.su/uploads/000c/3d/e9/4286-1-f.png">
  <tr>
    <td width="140" height="371">&nbsp;</td>
    <td width="111">&nbsp;</td>
    <td width="287">&nbsp;</td>
    <td width="118">&nbsp;</td>
    <td width="122">&nbsp;</td>
  </tr>
  <tr>
    <td><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><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>&nbsp;</td>
    <td><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><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>
</table>

0

94

а, извините, есть проблема, верх остался таким же.

0

95

Dino Kavalonne
Ссылку на форум

0

96

мм..я исправил, спасибо. Моя ошибка была.

0

97

1.На картинке показано. Еще, когда нажимаешь на - Навигация, События или Партнеры, вылезает табличка рядом и там написано что нибудь. Цвет фон таблички любой, но только не черный. Где новости, там хотелось бы, чтобы было прокручивание колесиком мышки. А, и еще бы хотелось, чтобы при нажатии Usagi, переходил в профиль.

2.См. ниже.

увеличить

Отредактировано Moon (2010-07-06 08:55:25)

0

98

Подгоните, пожалуйста под эту картинку.
ячейки "администрация", "в игре", "реклама" и "партнёры" сделать с выдвижным текстом.
под "объявлениями" написать текст.
заранее спасибо. :3

0

99

Moon
Мне прямо на этом варианте делать? Или у вас картинки не будет я не совсем понял.
Я могу сделать все что вы просите без картинки, так как как я понял ее не будет. Дизайнерскими элементами (картинки в название кнопок и прочее) я не занимаюсь. Так что будет исключительно структура

Код:
<table width="100%" border="0">
  <tr>
    <td colspan="3"><div align="center">Название</div></td>
  </tr>
  <tr>
    <td width="46%" height="73"><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 width="5%" rowspan="3">&nbsp;</td>
    <td width="49%" rowspan="3"><div style="overflow: auto; height: 150px"><div align="center">Новости</div><br>
    <p align="center">Текст</p><br>
   <div align="center">Администрация</div><br>
   <p align="center"><a href="Ссылка на профиль#">Usagi</a></p><br>
   <div align="center">Модераторы</div><br>
    <p align="center">Ведется набор!</p></div></td>
  </tr>
  <tr>
    <td height="94"><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>
  <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>
  </tr>
</table>

верх

Код:
<style> 
div .splLink {width: 140px; height: 30px; font-weight: bold; background: transparent; }
.spll {width: 170px; height: 50px; }
.spll div .splCont {height: auto; width: 250px; background: #AAAAAA; padding: 5px; z-index: 1000;  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-07-06 16:11:41)

+2

100

•.snowdia

Объявление

Код:
<table width="800" height="357" border="0" background="http://s12.radikal.ru/i185/1007/1f/2ad8c45b8db7.png">
  <tr>
    <td width="48" height="43">&nbsp;</td>
    <td width="66">&nbsp;</td>
    <td width="110"><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="98"><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="102"><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="169">&nbsp;</td>
    <td width="104">&nbsp;</td>
    <td width="69">&nbsp;</td>
  </tr>
   <tr>
    <td width="48" height="55">&nbsp;</td>
    <td width="66">&nbsp;</td>
    <td width="110">&nbsp;</td>
    <td width="98">&nbsp;</td>
    <td width="102">&nbsp;</td>
    <td width="169">&nbsp;</td>
    <td width="104">&nbsp;</td>
    <td width="69">&nbsp;</td>
  </tr>
  <tr>
    <td height="224">&nbsp;</td>
    <td colspan="2"><div style="margin:10px 0px 0px 0px; height: 200px; left: 10px; top: 36px; width: 180px;overflow: auto;" >Текст</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>

  </tr>
  <tr>
    <td height="21">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><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>&nbsp;</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: 100px; height: 20px; }
.spll div .splCont {height: auto; width: 250px; background: #AAAAAA; padding: 5px; z-index: 1000;  border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

+1

101

((( Странно, но у меня не работает, вобще((( Я не правильно что то сделала?  :'(

0

102

Уже исправила, сенкью за скрипт. Но я бы хотела, чтобы менюшка была на картинке, и все тоже самое делала. Такое возможно? Ну как у вас, только как на моей картинке? Если да, то объясните "чайнику", как так сделать???  :huh:

Отредактировано Moon (2010-07-07 11:34:44)

0

103

о1. Картинка 800х443
http://www.imghost.in/images/j987y1tuyfagcmhd00si.jpeg
о2. Есть два окошка."Новости" и "Гостям".В них нужна полоса прокрутки (если можно. то прозрачная) Буду очень благодарна.Заранее спасибо.

0

104

Moon
Картинку отдельно желательно - сделаю

0

105

Neko

Код:
<table width="802" height="443" border="0" background="http://www.imghost.in/images/j987y1tuyfagcmhd00si.jpeg">  
  <tr>
    <td width="204" height="197">&nbsp;</td>
    <td width="193" >&nbsp;</td>
    <td width="178" >&nbsp;</td>
    <td width="209" rowspan="2" ><div style="margin:110px 0px 0px 0px; left: 79px; top: 221px; scrollbar-face-color: #f3d1b6; scrollbar-highlight-color: #daaf8f; scrollbar-3dlight-color: #f3d1b6; scrollbar-shadow-color: #daaf8f; scrollbar-darkshadow-color: #daaf8f; scrollbar-track-color: #f3d1b6; scrollbar-arrow-color: #daaf8f; overflow: auto; width: 188px; height: 200px;">
   Текст
    </div></td>
  </tr>
  <tr>
    <td height="129">&nbsp;</td>
    <td rowspan="2"><div style="margin:25px 0px 0px 3px; left: 79px; top: 221px; scrollbar-face-color: #f3d1b6; scrollbar-highlight-color: #daaf8f; scrollbar-3dlight-color: #f3d1b6; scrollbar-shadow-color: #daaf8f; scrollbar-darkshadow-color: #daaf8f; scrollbar-track-color: #f3d1b6; scrollbar-arrow-color: #daaf8f; overflow: auto; width: 188px; height: 180px;">
     Текст
    </div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>

  </tr>
</table>

0

106

не хочу быть плогиатщиком но мну нужна таблица как увас ! Ну вот когда нажимаешь например на админестрацию там вылазиет окно с информацией Ну вобшем всё как и увас точно также!!
Только картинка другая вот сылка http://static.diary.ru/userdir/4/7/6/8/ … 559302.jpg
Но там её надо будет я пологаю растенуть немного!
Но я не с плогиачиваю просто хотел вот токое счастье а не знал к кому обротиться!  буду очень рад если вы зделаете
ЗАРАНЕЕ ОГРОМНОЕ СПАСИБО!

0

107

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

0

108

А как я эти окна зделаю ??? А то я не бум бум!

0

109

animefan_art написал(а):

А как я эти окна зделаю ??? А то я не бум бум!

Заказывайте у нас в резделах Заказ картинок для Объявления
ну или же сами через ФШ. Я тут собственно могу сделать конечно, просто влепляя в любое место, но за качество не отвечаю. И картинка должна быть уже исходником мне, так как как только я привяжу к ней табло - вы уже ни чего не поменяете.

0

110

Вы хозяин!))
Положусь на вас!

0

111

animefan_art
Тогда ссылку на форум. Сейчас попробую. И если на два окна делать так же как и у нас - тогда получится мне придется прикрыть Эльку, ну в общем на нем будет текстовая часть, просто еще куда - не знаю ><

0

112

Вот сылка http://deathnotelife.anihub.ru/

0

113

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

0

114

animefan_art

Объявление

Код:
<table width="701" height="467" border="0" background="http://s49.radikal.ru/i124/1007/cb/a1bc1b907566.jpg">
  <tr>
    <td width="263" height="180" rowspan="2"><div style="margin:40px 0px 0px 30px; left: 79px; top: 221px; scrollbar-face-color: #040404; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #040404; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #040404; scrollbar-arrow-color: #ffffff; overflow: auto; width: 230px; height: 220px;">
      <div align="center">Текст
      </div>
    </div></td>
    <td width="75" height="179">&nbsp;</td>
    <td width="246">&nbsp;</td>
    <td width="89">&nbsp;</td>
  </tr>
  <tr>
    <td height="126">&nbsp;</td>
    <td rowspan="2"><div style="margin:30px 0px 0px 10px; left: 79px; top: 221px; scrollbar-face-color: #040404; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #040404; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #040404; scrollbar-arrow-color: #ffffff; overflow: auto; width: 230px; height: 210px;">
      <div align="center">текст
      </div>
    </div></td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td height="154">&nbsp;</td>
    <td>&nbsp;</td>

  </tr>
</table>
<table width="701" height="58" border="0" background="http://i058.radikal.ru/1007/47/699806f5c2d2.jpg">
  <tr>
    <td width="183"><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 width="141"><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 width="172"><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 width="177"><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>

вверх

<style>
div .splLink {width: 185px; height: 50px; font-weight: bold; background: transparent; }
.spll {width: 170px; height: 50px; }
.spll div .splCont {height: auto; width: 185px; background: #020000; padding: 5px; z-index: 1000;  border: 2px solid #FFFFFF; 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-07-08 20:06:16)

+1

115

Хотелось бы табличку под эту картинку, буду очень признательна, если сделаете.
http://s006.radikal.ru/i213/1007/36/b5149040a8e2.jpg
Только вот на картинку которая по высоте меньше и пошире просьба сделать полосу прокрутки, а ещё чтобы в таблицу,внизу поместилось меню с выпадающими разделами при нажатии.

0

116

Буду крайне благодарна, если сделаете табличку под эту картинку:
http://s52.radikal.ru/i137/1007/1f/7229b991edc3t.jpg
И чтобы в блоке News была полоса прокрутки... И да, возможно сделать, чтобы блоки с "Links", "Admins" и т.д. выпадали вниз?

Отредактировано Джокер (2010-07-09 17:38:19)

0

117

Спасибо большое toshiro-kun

0

118

Здравствуйте!
2.Хотелось бы табличку под эту картинку http://i079.radikal.ru/1007/4a/7a7e940851d7.png

1.Размер 600х421.  Ячейки: Администрация, Навигация, Рекламщикам - сделать с выплывающими менюшками по клику, как у вас. Под надписями "Новости" и "События игры" сделать так, чтобы можно было писать текст. Заранее огромное спасибо)

0

119

Kesedi Rida

Код:
<table width="880" height="448" border="0" background="http://s006.radikal.ru/i213/1007/36/b5149040a8e2.jpg">

  <tr>
    <td width="351" height="53">&nbsp;</td>
    <td width="272">&nbsp;</td>
    <td width="243">&nbsp;</td>
  </tr>
  <tr>
    <td height="170"><div style="margin:5px 0px 0px 35px; left: 79px; top: 221px; width: 310px; overflow: auto; height: 160px;">Текст </div>

</td>
    <td>&nbsp;</td>
    <td rowspan="2"><div style="margin:5px 25px 0px 35px; left: 79px; top: 221px; width: 215px; overflow: auto; height: 270px;">Текст</div>
   </td>
  </tr>
  <tr>
    <td height="110">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="880" border="0">
  <tr>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"><img src="ссылка на картинку"></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"><img src="ссылка на картинку"></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"><img src="ссылка на картинку"></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"><img src="ссылка на картинку"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></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: 140px; height: 20px; font-weight: bold; background: transparent; }
.spll {width: 170px; height: 50px; }
.spll div .splCont {height: auto; width: 250px; background: #AAAAAA; padding: 5px; z-index: 1000;  border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

Отредактировано toshiro-kun (2010-07-09 21:35:41)

+1

120

Джокер
Я не волшебник - так что только выдвигаются

Код:
<table width="826" height="586" border="0" background="http://s52.radikal.ru/i137/1007/1f/7229b991edc3.png">
  <tr>
    <td width="205" height="262"><div style="margin:90px 0px 0px 35px; left: 79px; top: 221px; width: 170px; overflow: auto; height: 160px;">Текст </div></td>
    <td width="199">&nbsp;</td>
    <td width="213">&nbsp;</td>
    <td width="191">&nbsp;</td>
  </tr>
  <tr>
    <td height="177">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="49"><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>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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: 200px; height: 50px; font-weight: bold; background: transparent; }
.spll {width: 170px; height: 70px; }
.spll div .splCont {height: auto; width: 250px; background: #AAAAAA; padding: 5px; z-index: 1000;  border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

0



Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC