таблицы

Страница: 1

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

Поделиться12013-06-30 15:18:38

Автор: катя перцова
унесенные ветром под синее небо
Зарегистрирован: 2013-06-29
Приглашений: 0
Сообщений: 45
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 2 минуты
Последний визит:
2013-10-15 14:34:43

простая таблица // три столбца

Код:

<table>
<td width="33%" rowspan="2"><div style="overflow:auto; overflow-x:hidden; height:370px;" >
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 

<td width="30%" rowspan="2"><div style="overflow:auto; overflow-x:hidden; height:380px;" >
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 



<td width="33%" rowspan="2"><div style="overflow:auto; overflow-x:hidden; height:370px;" >
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
</table>

Поделиться22013-06-30 15:19:33

Автор: катя перцова
унесенные ветром под синее небо
Зарегистрирован: 2013-06-29
Приглашений: 0
Сообщений: 45
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 2 минуты
Последний визит:
2013-10-15 14:34:43

таблица в шапку

Код:

<style type="text/css">
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
position: relative;
top: 0px;
left: 0px;}
</style>



<table border=0 width="350px" height="20px" style="text-align: justify; position: absolute; margin-left:-35px; top: 25px; " border: none><tr align=center><td><a href="http://pyshistik.rolka.su/profile.php?id=2" target=_blank title="Lexy Wehman" /"><img src="http://uploads.ru/i/Z/3/Q/Z3QWD.jpg" ></a><a href="http://pyshistik.rolka.su/profile.php?id=8" target=_blank title="Kate Heldens" /"><img src="http://uploads.ru/i/6/1/T/61TI3.jpg" ></a><a href="http://pyshistik.rolka.su/profile.php?id=3" target=_blank title="Alessia Hill" /"><img src="http://uploads.ru/i/Z/q/r/ZqrLB.jpg" ></a><a href="http://uploads.ru/i/y/C/Y/yCYd9.jpg" target=_blank title="Caroline Turner" /"><img src="http://uploads.ru/i/y/C/Y/yCYd9.jpg" ></a></table>




<table border=0 width="350px" height="20px" style="text-align: justify; position: absolute; margin-left:-35px; top: 10px; " border: none><tr align=center><td><font color="#000000"> 
TEAM ADMINS</font></table>

<div style="width:800px;text-align:center;height:190px; position: absolute; top: 120px; margin-left: 10px;">
<br>
<div style="overflow-y:scroll;width:270px;height:230px;"><font color="#000000">
<b>М</b>ы рады Вас видеть на ролевой <br>Panthers. Cats do not only purr. <br>Мы не будем говорить что мы самые особенные, самые лучшие. <br><s>Мы  и так это знаем хд</s> <br>Просто мы надеемся, что мы Вам понравимся <br>и Вы захотите остаться с нами навсегда.<br> Кстати игра уже началась! <br>Все быстро пишем посты! <br>Если у Вас еще нет квеста, то закажите это в спец. теме. <br>И помните, мы любим Вас<3 </s><br><br><br>
Рейтинг форума NC-17, посты от 15 строк<br>
Эпизодическая система игры

</font></div>
</td>
</table>

</div>

<table border=0 width="350px" height="20px" style="text-align: justify; position: absolute; margin-left:-35px; top: 100px; " border: none><tr align=center><td><font color="#000000"> 
WELCOME</font></table>

Поделиться32013-06-30 15:22:10

Автор: катя перцова
унесенные ветром под синее небо
Зарегистрирован: 2013-06-29
Приглашений: 0
Сообщений: 45
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 2 минуты
Последний визит:
2013-10-15 14:34:43

таблица со стрелками
в объявление

Код:

<table border=0 width="850px" height="250px"><tr><td>  
<body>
<div id="pageContainer">
  <h1></h1>
  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
 <div class="slide">
      <p><table><tr>

<td  align="justify" width="380px">
<center><b>BEST PLAYER</b><br></center>
<br>
<img src="http://uploads.ru/i/6/Q/X/6QX2T.png">
</center><br>
<center><b>ACTIVES PLAYER</b></center><br>
<center><a href="ссылка" target=_blank title="md u?" /"><img src="http://uploads.ru/i/w/D/T/wDTpm.png" ></a><a href="ссылка" target=_blank title="md u?" /"><img src="http://uploads.ru/i/w/D/T/wDTpm.png" ></a><a href="ссылка" target=_blank title="md u?" /"><img src="http://uploads.ru/i/w/D/T/wDTpm.png" ></a><a href="ссылка" target=_blank title="md u?" /"><img src="http://uploads.ru/i/w/D/T/wDTpm.png" ></a><a href="ссылка" target=_blank title="md u?" /"><img src="http://uploads.ru/i/w/D/T/wDTpm.png" ></a><a href="ссылка" target=_blank title="md u?" /"><img src="http://uploads.ru/i/w/D/T/wDTpm.png" ></a></center><br>
</td>
<td align="center" width="380px">
<center><b>POST OF THE DAY</b><br><br>
от <a href="ссылка на профиль">кого-то</a> <a href="ссылка откуда">от сюда</a><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
<br></center>


</td></tr></table>
        <p>
      </div>
<div class="slide">
<table><tr>
<td  align="justify" width="380px"><center><center><b>IN THE GAME</b><br>
<br><b>дата:</b> 25 октября 2011 года
<br><b>время:</b> уже далеко за полдень, но ведь день только начался.
<br><b>погода:</b> жители Мистик-Фоллс уже вторую неделю мокнут под дождем. Небо пасмурное, холодный ветер. Природа чувствует приближение чего-то страшного и "пасмурного".
</center>

<br><center><b>QUESTS</b></center><br>
• <a href=ССЫЛКА">ТЕКСТ.</a>
<br>• <a href="ССЫЛКА">ТЕКСТ</a>
<br>•

</td>
<td align="justify" width="380px"><center><b>NEWS FORUM</b><br></center>

<font color="#000000">
<div style="overflow: scroll; overflow-x: hidden; height:80px;">
<br>
<b>26.02.2012</b> - Пока у нас одна и огромная новость - Мы открылись!!! Поздравляем с этим всей участников, которые уже с нами и нашу администрацию. Хотим пожелать вам удачной и интересной игры. Гости, мы вам уже любим и ждем, к вашему вниманию акции и гостевая, в которой вас ждут добрые администраторы "Сердца тьмы". Удачной игры и хорошего настроения. С любовью, Администрация TDV.
</align></font></a></div>


</td></tr></table>
     <div class="slide">
      <p>
<table><tr align=center>
<td  align="justify" width="380px"><center><b>WELCOME</b><br></center>
<br>
Мы рады приветствовать Вас на ролевой <b>The Vampire Diaries: The Heart of Darkness</b>. Мы наконец-то создали наш темный мир. Спасибо за усилия нашей администрации. Мы ради каждому, кто заглянет к нам в гости, а еще больше мы ради тем, кто решит остаться с нами. Ролевая только начинает жить, а значит к вашему вниманию: куча свободных ролей, интересные акции, флуд, и игроки, которые переполнены желанием играть, администрация, которая будет радовать вам каждый день. Добро пожаловать в Мистик-Фоллс.
</center>
<br><br><center><b>OUR PARTNERS</b></center><br>

<a href="http://soulscream.rusff.me/"><img src="http://s1.ipicture.ru/uploads/20120229/7mSTSfiU.gif" border=0 alt="Soul Scream. Добро пожалоловать в наш мир."></a><a href=http://heathrow.mybb.ru/ target="_blank">
 <a href="http://whisanc.rusff.me/" target="_blank"><img src="http://i.imgur.com/nsvs2.gif" title=" FRPG The whispers of ancient" border="0"width="88" height="31"></a><img src="http://www.10pix.ru/img1/4188/6946137.png"title=" Аэропорт "Хитроу" "></a><a href="http://diaresvamp.rolka.su/" target="_blank"><img src="http://s1.ipicture.ru/uploads/20120222/KmW1s8Wu.gif" alt=""></a>


</td>
<td align="justify" width="380px"> 
<center><b>NAVIGATION</b></center><br>
<center>
<a href="http://theheartofdarkness.rusff.me/viewtopic.php?id=4" class="tvm" target="">сюжет </a>
<a href="http://theheartofdarkness.rusff.me/viewtopic.php?id=5" class="tvm" target="">правила</a>
<a href="http://theheartofdarkness.rusff.me/viewtopic.php?id=3" class="tvm" target="">занятые внешности</a>
<a href="http://theheartofdarkness.rusff.me/viewtopic.php?id=6" class="tvm" target="">список персонажей</a>
<a href="http://theheartofdarkness.rusff.me/viewtopic.php?id=2" class="tvm" target="">гостевая книга</a>
<a href="http://theheartofdarkness.rusff.me/viewforum.php?id=3" class="tvm" target="">акции</a>
<a href="http://theheartofdarkness.rusff.me/viewforum.php?id=4" class="tvm" target="">шаблон анкет</a>
</center>
 <br><center><b>P O S T S :</b></center>
<center><br> <a href="ссылка">кто</a> - <a href="ссылка">куда</a>
<br> <a href="ссылка">кто</a> - <a href="ссылка">куда</a>
<br>	 <a href="ссылка">кто</a> - <a href="ссылка">куда</a></center>
</td></tr></table>
      <p>
      </div>
    </div>
  </div>
  <!-- Slideshow HTML -->
  <div id="footer">

  </div>
</div>
</body>
</html></td></tr></table>

в стиль

Код:

#slideshow {
	margin:0 auto;
	width:800px;
	height: 230px;
	position:relative;
line-height: 10px;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:800px;
  height: 205px;
  overflow:auto; /* allow scrollbar */
  position:relative;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:800px; 
  height:220px;}
.control {
  display:block;
  width: 100px;
  height: 200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;}
#leftControl {
  top: 45px;
  left: -33px;
  background:transparent url(http://uploads.ru/i/L/D/c/LDcPG.png) no-repeat 0 0;}
#rightControl {
  top: 45px;
  right: -82px;
  background:transparent url(http://uploads.ru/i/n/3/1/n31tf.png) no-repeat 0 0;}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 2px;
}
#pun-stats h2, .punbb .main h2 {font-size: 0em;}

вверх

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 800;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

Поделиться42013-06-30 15:24:17

Автор: катя перцова
унесенные ветром под синее небо
Зарегистрирован: 2013-06-29
Приглашений: 0
Сообщений: 45
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 2 минуты
Последний визит:
2013-10-15 14:34:43

выдвижная таблица

Код:

<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:15px;
}
#JampPanel,#JampPanel .container{
}
#JampPanel {
position:fixed;z-index:1200;
height:293px;top:14px;right:0;margin-right:-261px;
background: url(http://s1.uploads.ru/i/hOLTp.png) 
-7px 66px no-repeat;
width:302px;
}
#JampPanel .container{
background: url(http://s1.uploads.ru/i/bjxuA.png);
padding:0px;
height:422px;
width:100%;margin:-1px 0 0 40px;
}

</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
<div style="position: absolute;
left: 84px;
top: 45px;
width: 221px;
"> <p style="font-size:9px">
<center>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
 </p>
</center> <br><br>
</CENTER></span></span></p><br>
</li>
</ul></center>
</div>
  </div>
</div>
<!--End//JampPanel-->

Поделиться52013-06-30 15:28:37

Автор: катя перцова
унесенные ветром под синее небо
Зарегистрирован: 2013-06-29
Приглашений: 0
Сообщений: 45
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 часа 2 минуты
Последний визит:
2013-10-15 14:34:43

таблица со схемами // структура

Код:

<style>
#slider {
    margin: 0 auto;
    margin-left: -51px;
}
#slider #main {
    height: 200px;
    width: 740px;
}
#slider #main div {
    height: 100%;
}
#slider .bx-window table {
    height: 100%;
    width: 100%;
    border-spacing: 0;
}
#slider .bx-window table td {
    width: auto;
    height: auto;
    text-align: center;
}
</style>


<table id="slider"><tr><td id="prev"></td>
<td><div id="main">
    <div>
        <table><tr>
            <td rowspan=2> 1 </td>
            <td rowspan=2> 2 </td>
            <td> 3 </td>
        </tr><tr>
            <td> 4 </td>
        </tr></table>
    </div>
    <div>
        <table><tr>
            <td> 5 </td>
            <td> 6 </td>
        </tr></table>
    </div>
    <div>
        <table><tr>
            <td> 7 </td>
            <td> 8 </td>
        </tr></table>
    </div>
    <div>
        <table><tr>
            <td> 9 </td>
            <td> 10 </td>
        </tr></table>
    </div>
</div></td>
<td id="next"></td>
</tr><tr>
</table>

<script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js"></script>
<script>
$('#slider #main').bxSlider({
    prevSelector: '#slider #prev',
    prevImage: 'http://s3.uploads.ru/jUwX5.png',
    nextSelector: '#slider #next',
    nextImage: 'http://s3.uploads.ru/8rQWz.png',
    pager: false,
    auto: false,
}); 
</script>

Страница: 1

YOUNG AND BEAUTIFUL

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

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

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

таблицы

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

Поделиться12013-06-30 15:18:38

Поделиться22013-06-30 15:19:33

Поделиться32013-06-30 15:22:10

Поделиться42013-06-30 15:24:17

Поделиться52013-06-30 15:28:37