Заказ таблиц и помощь с ними

Страница: « 1 2

Сообщений 31 страница 48 из 48

Поделиться113.10.13 01:02:01

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

Если вдруг вы совсем не умеете работать с таблицами, а скрипты даже после объяснений кажутся темным лесом, вы можете таблицу на форум заказать. Можно нарисовать в любом редакторе внешний вид или просто подробно описать все словами.
Все перестановки и видоизменения таблиц тоже можем помочь провернуть.

Поделиться3108.08.15 15:59:39

Автор: kou
восхитительное ничтожество
Уважение: +58
Сообщений: 553
Баллы: 90

chibi
да нет, таблица все та же, просто с содержимым уже
едет сама таблица вместе с переключаемыми страницами, а переключатели остаются на месте

Поделиться3208.08.15 16:04:34

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

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

Поделиться3308.08.15 16:13:06

Автор: kou
восхитительное ничтожество
Уважение: +58
Сообщений: 553
Баллы: 90

chibi
~~все потому что красненькая хреновый кодер, лол~~

табличка

Код:

<ul class="tabs">
              <li class="active"><a href="#tab1">Вкладка 1</a></li>
              <li><a href="#tab2">Вкладка 2</a></li>
              </ul>

<table style="padding: 5px; width: 825px; height: 400px; margin-left: 35px; color: #1b182d; border:1px solid #c22035;">
  <tbody>
<tr>
      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; text-align: center;"> 
<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">лучшие месяца</div>
   <div>               
<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>
  </div>
    <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">акции</div>
  <div style="text-align: center;">
                                        <a href="ссылка" class="tvm" target="">нужные </a>
        	<a href="ссылка" class="tvm" target="">день красного заката</a>
        	<a href="ссылка" class="tvm" target="">н.и.п.с.</a>
        	<a href="ссылка" class="tvm" target="">каноны</a>
        	<a href="ссылка" class="tvm" target="">7 сестер чистилища</a>
  </div>

   <div style="margin-top:10px;"><a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/18026">
<img width="88" border="0" height="31" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/88x31x11x7.gif">
</a></div>
  
      </td>

      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; text-align: center;">
              

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
   <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">активисты</div>

  <div>               
<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>
  </div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">статистика</div>

<div>
<div><span style="font-weight:bold; letter-spacing:1px;">Основная игра:</span> 1 пост;</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Флешбэки:</span> 8 постов;</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Цитата недели от Макс Блишвик:</span></div>
<div><span style="font-size:12px; color:#cc848f; font-weight:bold;">"ВМЕСТЕ СТАРЕЛИ, ВМЕСТЕ И МОЛОДЕЕМ."</span></div>
</div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">дата и погода</div>

<div>
<div><span style="font-weight:bold; letter-spacing:1px;">Время:</span> 15.03.2013, пт. - 17:00 - 23:00 </div>
<div><span style="font-weight:bold; letter-spacing:1px;">Погода:</span> на улице +14. Пасмурно. Временами шквальный ветер.</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Фаза луны:</span> полнолуние.</div>
</div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">объявления</div>

<div style="text-align: justify; width: 275px; "><div style="height: 80px;  overflow:auto; padding-right: 3px;">
<b>01.07</b> Зато более оригинально другое – смерть здесь связана с известными трудностями. Впрочем, трудность – это не то слово, правильнее было бы сказать некомфортабельность. Болеть всегда неприятно, но существуют города и страны, которые поддерживают вас во время недуга и где в известном смысле можно позволить себе роскошь поболеть. Больной нуждается в ласке, ему хочется на что-то опереться, это вполне естественно.
<br><br><b>02.06</b> Но в Оране все требует крепкого здоровья: и капризы климата, и размах деловой жизни, серость окружающего, короткие сумерки и стиль развлечений. Больной там по-настоящему одинок… Каково же тому, кто лежит на смертном одре, в глухом капкане, за сотнями потрескивающих от зноя стен, меж тем как в эту минуту целый город по телефону или за столиками кафе говорит о коммерческих сделках, коносаментах и учете векселей. И вы поймете тогда, до чего же некомфортабельна может стать смерть, даже вполне современная, когда она приходит туда, где всегда сушь.</div></div>

</div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="position: relative; width:275px; height: 300px; overflow:auto; text-align:center; padding:5px;">баннеры</div>
</div>

      </div>
      
      </td>
      
      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; ">  
      <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px; text-align: center;">администрация</div>

<div style="text-align: center;">

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: КОТОКО"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: ШИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: ШИНДЖИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: НАОКИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

</div>

<table style="width:210px; text-align:center; margin-left:24px;">
<tr>
      <td> <div>
<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>
</div>
      </td>

       <td> <div>
<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>
</div>
      </td>
</tr>
</table>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px; text-align: center;">навигация</div>

<div style="text-align: center; margin-left:10px;">
                                        <a href="ссылка" class="tvm" target="">сюжет </a>
        	<a href="ссылка" class="tvm" target="">правила</a>
        	<a href="ссылка" class="tvm" target="">занятые роли</a>
        	<a href="ссылка" class="tvm" target="">занятые внешности</a>
        	<a href="ссылка" class="tvm" target="">бестиарий</a>
                                        <a href="ссылка" class="tvm" target="">занятые имена</a>
                                        <a href="ссылка" class="tvm" target="">клубы и организации</a>
                                        <a href="ссылка" class="tvm" target="">гостевая</a>
  </div>

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

стиль переключателей

Код:

<style>
.container1 {width: 275px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin-left: 375px;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    width: 275px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
    line-height: 25px;
    border: 0px;
border-top: 1px solid #c22035;
    border-bottom: 1px solid #c22035;
        border-right: 1px solid #c22035;
        border-left: 1px solid #c22035;
    margin-bottom: 2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
 
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #1b182d;
        border-top: 0px solid #1b182d;    
        border-left: 0px solid #1b182d;    
        border-right: 0px solid #1b182d;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    
    width: 275px;
    height: 415px;
    background-image : url();   
 
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

  
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

Поделиться3408.08.15 18:48:18

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

kou
немного переделала ее, вроде все встало на место. с лисы у меня тоже ничего не едет

Код:

<table style="width: 825px; margin-left: 15px; color: #1b182d;"><tr>
<td colspan="3" style="text-align: center; width: 825px;"><ul class="tabs">
              <li class="active"><a href="#tab1">Вкладка 1</a></li>
              <li><a href="#tab2">Вкладка 2</a></li></ul></td></tr>

<table style="padding: 5px; margin-left: 35px; color: #1b182d; border: 1px solid #c22035; height: 400px;"><tr><td><tr>

      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; text-align: center;"> 
<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">лучшие месяца</div>
   <div>               
<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>
  </div>
    <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">акции</div>
  <div style="text-align: center;">
                <a href="ссылка" class="tvm" target="">нужные </a>
        	<a href="ссылка" class="tvm" target="">день красного заката</a>
        	<a href="ссылка" class="tvm" target="">н.и.п.с.</a>
        	<a href="ссылка" class="tvm" target="">каноны</a>
        	<a href="ссылка" class="tvm" target="">7 сестер чистилища</a></div>
   <div style="margin-top:10px;"><a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/18026">
<img width="88" border="0" height="31" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/88x31x11x7.gif">
</a></div>
</td>


      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; text-align: center;">
      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
   <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">активисты</div>

  <div>               
<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>
  </div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">статистика</div>

<div>
<div><span style="font-weight:bold; letter-spacing:1px;">Основная игра:</span> 1 пост;</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Флешбэки:</span> 8 постов;</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Цитата недели от Макс Блишвик:</span></div>
<div><span style="font-size:12px; color:#cc848f; font-weight:bold;">"ВМЕСТЕ СТАРЕЛИ, ВМЕСТЕ И МОЛОДЕЕМ."</span></div>
</div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">дата и погода</div>

<div>
<div><span style="font-weight:bold; letter-spacing:1px;">Время:</span> 15.03.2013, пт. - 17:00 - 23:00 </div>
<div><span style="font-weight:bold; letter-spacing:1px;">Погода:</span> на улице +14. Пасмурно. Временами шквальный ветер.</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Фаза луны:</span> полнолуние.</div>
</div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">объявления</div>

<div style="text-align: justify; width: 275px; "><div style="height: 80px;  overflow:auto; padding-right: 3px;">
<b>01.07</b> Зато более оригинально другое – смерть здесь связана с известными трудностями. Впрочем, трудность – это не то слово, правильнее было бы сказать некомфортабельность. Болеть всегда неприятно, но существуют города и страны, которые поддерживают вас во время недуга и где в известном смысле можно позволить себе роскошь поболеть. Больной нуждается в ласке, ему хочется на что-то опереться, это вполне естественно.
<br><br><b>02.06</b> Но в Оране все требует крепкого здоровья: и капризы климата, и размах деловой жизни, серость окружающего, короткие сумерки и стиль развлечений. Больной там по-настоящему одинок… Каково же тому, кто лежит на смертном одре, в глухом капкане, за сотнями потрескивающих от зноя стен, меж тем как в эту минуту целый город по телефону или за столиками кафе говорит о коммерческих сделках, коносаментах и учете векселей. И вы поймете тогда, до чего же некомфортабельна может стать смерть, даже вполне современная, когда она приходит туда, где всегда сушь.</div></div>

</div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="position: relative; width:275px; height: 300px; overflow:auto; text-align:center; padding:5px;">баннеры</div>
</div>

      </div></td>


      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; ">  
      <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px; text-align: center;">администрация</div>

<div style="text-align: center;">

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: КОТОКО"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: ШИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>


<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: ШИНДЖИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: НАОКИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

</div>

<table style="width:210px; text-align:center; margin-left:24px;">
<tr>
      <td> <div>
<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>
</div>
      </td>

       <td> <div>
<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>
</div>
      </td>
</tr>
</table>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px; text-align: center;">навигация</div>

<div style="text-align: center; margin-left:10px;">
                                        <a href="ссылка" class="tvm" target="">сюжет </a>
        	<a href="ссылка" class="tvm" target="">правила</a>
        	<a href="ссылка" class="tvm" target="">занятые роли</a>
        	<a href="ссылка" class="tvm" target="">занятые внешности</a>
        	<a href="ссылка" class="tvm" target="">бестиарий</a>
                                        <a href="ссылка" class="tvm" target="">занятые имена</a>
                                        <a href="ссылка" class="tvm" target="">клубы и организации</a>
                                        <a href="ссылка" class="tvm" target="">гостевая</a>
  </div>

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

еще бы порекомендовала из стиля убрать все строчки "background: url();", если там нет изображений, то они затормаживают все и лучше не делают жизнь

Поделиться3508.08.15 19:03:18

Автор: kou
восхитительное ничтожество
Уважение: +58
Сообщений: 553
Баллы: 90

chibi
вы мой спаситель, серьезно
спасибо огромное

Поделиться3601.06.16 00:48:19

Автор: Leonar
Новичок
Уважение: 0
Сообщений: 7
Баллы: 50

солнечного дня, драгоценные. будет волшебно, если слепите мои мечты .)
Так должна выглядеть таблица, поверх дизайна - http://s0.uploads.ru/J78gX.png
эскиз-картинка: http://sg.uploads.ru/QnhrP.png
переключающиеся вкладки (О форуме, Новости, В игре, Важное); Прокрутка в Погоде, а также во всех переключающихся вкладках, за исключением Важное;
высота таблицы: 345px фиксированная;
и кнопки:
http://s2.uploads.ru/yK7cW.png
http://s1.uploads.ru/URdQk.png
http://s2.uploads.ru/Lo4vz.png
http://s0.uploads.ru/RQE3k.png

Поделиться3701.06.16 13:06:58

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

Leonar
таки мне нужна общая фоновая картинка, которая с полупрозрачным фоном и границами (:
чтобы я под ее размеры подгоняла ячейки

Поделиться3801.06.16 13:26:02

Автор: Leonar
Новичок
Уважение: 0
Сообщений: 7
Баллы: 50

chibi,

Поделиться3901.06.16 13:32:14

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

Leonar
нетнет, не то немного
именно так, как у вас на макете - http://uploads.ru/QnhrP.png
там же есть задний фон (: и границы у вас там зелененькие полупрозрачные

Поделиться4001.06.16 13:38:37

Автор: Leonar
Новичок
Уважение: 0
Сообщений: 7
Баллы: 50

chibi

Поделиться4101.06.16 13:59:38

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

Leonar
да, оно!
быстро не обещаю, но до ночи сделаю :")

Поделиться4201.06.16 14:01:43

Автор: Leonar
Новичок
Уважение: 0
Сообщений: 7
Баллы: 50

chibi
ох, спасибо большое~

Поделиться4302.06.16 15:44:25

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

Leonar
вроде как-то так, надеюсь ничего не поедет

в свой стиль

Код:

.container1 {width: 430px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    width: 430px;
    width: 100%;
    margin-top: -30px;
    margin-left: 47px;}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 20px;
    overflow: hidden;
    position: relative;}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 4px;
    outline: none;}

.tab_container1 {
    clear: both;
    float: left; 
    width: 430px;
    height: 250px;}

.tab_content {
    padding: 5px;}

html-низ

Код:

<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

таблица

Код:

<table style="background: url(http://savepic.ru/10024392.png) no-repeat; height: 345px; width: 932px;"><tr>
        <td style="height: 145px;width: 215px;padding-top: 25px;padding-left: 20px;text-align: center;">
<!-- НАВИГАЦИЯ -->
<a href="ссылка">название</a><br>
и так далее
</td>

        <td rowspan="2" style="height: 280px;width: 430px; padding-left: 5px;text-align: center;">
<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="http://s2.uploads.ru/d/yK7cW.png"></a></li>
    <li><a href="#tab2"><img src="http://s1.uploads.ru/d/URdQk.png"></a></a></li>
    <li><a href="#tab3"><img src="http://s2.uploads.ru/d/Lo4vz.png"></a></a></li>
    <li><a href="#tab4"><img src="http://s0.uploads.ru/d/RQE3k.png"></a></a></li>
</ul>
      <div class="tab_container1">

<div style="display: block; height: 265px; overflow:auto; padding-right: 3px;" id="tab1" class="tab_content">
<!-- О ФОРУМЕ -->
She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. Come close and touch it, it's stronger than words. They say that it hurts, but I know it won`t hurt. I see her at night dancing at traffic lights, she's rasing her arms, but she's throwing the knives. She calls me again and I know it's no good. She writes rules for games they're never understood.
She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. Come close and touch it, it's stronger than words. They say that it hurts, but I know it won`t hurt. I see her at night dancing at traffic lights, she's rasing her arms, but she's throwing the knives. She calls me again and I know it's no good. She writes rules for games they're never understood.
She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. Come close and touch it, it's stronger than words. They say that it hurts, but I know it won`t hurt. I see her at night dancing at traffic lights, she's rasing her arms, but she's throwing the knives. She calls me again and I know it's no good. She writes rules for games they're never understood.
</div>

<div style="display: block; height: 265px; overflow:auto; padding-right: 3px;" id="tab2" class="tab_content">
<!-- НОВОСТИ -->
текст 2
</div>

<div style="display: block; height: 265px; overflow:auto; padding-right: 3px;" id="tab3" class="tab_content"> 
<!-- В ИГРЕ -->
текст 3
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<!-- ВАЖНОЕ -->
текст 4
</div>

      </div></td>
        <td style="height: 145px;width: 215px;padding-right: 20px;text-align: center;">
<!-- АМС -->
какой-то текст
</td></tr><tr>

        <td style="height: 145px;width: 215px;padding-top: 0px; padding-left: 20px;text-align: center;"><div style="height: 125px;overflow:auto; padding-right: 3px;">
<!-- ПОГОДА -->
She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. She hides in the trees, she gets lost in the dark. She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. She hides in the trees, she gets lost in the dark.
</div></td>

        <td style="height: 145px;width: 215px;padding-right: 20px;text-align: center;">
<!-- ДОСКА ПОЧЕТА -->
еще немного текста
</td></tr></table>

Поделиться4402.06.16 16:45:39

Автор: Leonar
Новичок
Уважение: 0
Сообщений: 7
Баллы: 50

chibi
ох, вау. так здорово) огромное спасибо
было бы здорово сдвинуть её немножечко влево и убрать тот промежуток между меню и таблицей х)
http://s5.uploads.ru/q3Azr.png

Поделиться4502.06.16 16:49:47

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

Leonar
Это уже от самого форума зависит, так что мне ссылка нужна ~~можно под скрытый текст~~

Поделиться4602.06.16 17:12:14

Автор: Leonar
Новичок
Уважение: 0
Сообщений: 7
Баллы: 50

chibi

Поделиться4702.06.16 17:18:47

Автор: chibi
мусюндере
Уважение: +170
Сообщений: 9402

Leonar
заменить на это

/* D6.3 */
#pun-announcement .container {
padding: 0em 1em 1em 1em;
margin-left: -16px;}

Поделиться4802.06.16 17:23:31

Автор: Leonar
Новичок
Уважение: 0
Сообщений: 7
Баллы: 50

chibi
волшебно, благодарю

Страница: « 1 2

Futura: каталог аниме форумов

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

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

Объявление

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

Заказ таблиц и помощь с ними

Сообщений 31 страница 48 из 48

Поделиться113.10.13 01:02:01

Поделиться3108.08.15 15:59:39

Поделиться3208.08.15 16:04:34

Поделиться3308.08.15 16:13:06

Поделиться3408.08.15 18:48:18

Поделиться3508.08.15 19:03:18

Поделиться3601.06.16 00:48:19

Поделиться3701.06.16 13:06:58

Поделиться3801.06.16 13:26:02

Поделиться3901.06.16 13:32:14

Поделиться4001.06.16 13:38:37

Поделиться4101.06.16 13:59:38

Поделиться4201.06.16 14:01:43

Поделиться4302.06.16 15:44:25

Поделиться4402.06.16 16:45:39

Поделиться4502.06.16 16:49:47

Поделиться4602.06.16 17:12:14

Поделиться4702.06.16 17:18:47

Поделиться4802.06.16 17:23:31