Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Полезные ссылки

Каталог: Cкрипты Передача прав Каталог: Оформление Перенос Баллов FAQ: Дизайн/Css Свой
домен FAQ:
CSS-коды Откат форумов Раскрутка форума Платные услуги

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

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

Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц

FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц

Страница:   1 … 36 37 38 39 40 … 50  

Сообщений 741 страница 760 из 1000

741

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59

Wendy Owen
Так я про ссылку на макет таблицы.

0

742

  • Автор: Kisasian
  • Kisasian
  • Зарегистрирован: 11.10.2012
  • Сообщений: 65
  • Уважение: +1
  • Позитив: +6
  • Пол: Мужской
  • Возраст: 36 [1988-01-01]
  • Провел на форуме:
    1 день 6 часов
  • Последний визит:
    25.12.2015 10:28:54
kozhilya написал(а):

Вам в блоки нужны картинки или те блоки содержимого, что под спойлером??!

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

0

743

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59

Kisasian
#738

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

Kisasian
Если честно, я не очень понимаю, что вы хотите.
Вам в блоки нужны картинки или те блоки содержимого, что под спойлером??!

0

744

  • Автор: Kisasian
  • Kisasian
  • Зарегистрирован: 11.10.2012
  • Сообщений: 65
  • Уважение: +1
  • Позитив: +6
  • Пол: Мужской
  • Возраст: 36 [1988-01-01]
  • Провел на форуме:
    1 день 6 часов
  • Последний визит:
    25.12.2015 10:28:54

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

Что бы при нажатии на боковые кнопки открывались соответствующие контейнеры, те самые, которые представлены на эскизах. Пусть они все будут с прозрачным фоном (у всех контейнеров задать общий фон)

общий фон для таблицы

http://s3.uploads.ru/t/zKa1f.png

0

745

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59

Десерт

Код

<script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js"></script>
<style>
#slider {
    margin: 0 auto;
}
#slider #main {
    height: 200px;
    width: 550px;
}
#slider .bx-child {
    text-align: center;
}
</style>

<table id="slider"><tr><td id="prev"></td>
<td><div id="main">
  <div>Slide one content</div>
  <div>Slide two content</div>
  <div>Slide three content</div>
</div></td>
<td id="next"></td>
</tr></table>

<script>
$('#slider #main').bxSlider({
    prevSelector: '#slider #prev',
    prevText: '<',
    nextSelector: '#slider #next',
    nextText: '>',
    pager: false,
    auto: false
});
</script>

Ставьте ваш контент сюда

Демонстрацию не даю, так как сервис уж какой-то дурной. Настоятельно рекомендую хранить картинки от вашего дизайна в Администрирование - Файлы.

0

746

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59

Kisasian
Подправил в вашем коде все ошибки и поставил требуемы коды. По-моему, стало гораздо лучше...

<style>   
#menu {
    margin-top: -2px;
    width: 150px;
    height: 20px;
    background-repeat : no-repeat;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    background: url(http://s1.uploads.ru/6us5v.png);
    color:#660000;
    font: normal 100% 'Trebuchet Ms';
    border:1px solid #8f7468;
}
#menu .tabactive {
    color: #8f7468;
    background: 0;
}
#menu span {
    text-align: left;
    display:block;
    margin: 9px 0;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
}
#submenu {
    padding: 0px;
    height: 300px;
    text-align: center;
    font-size: 14px;
    width: 640px;
}
#submenu table {
    width: 100%;
    height: 100%;
}
.submenutext {
    display: none;
    height: 100%;
}
.scroll {
    overflow-y: auto;
    border: 1px solid black;
    height: 95%;
}
</style>
<center><table style="width: 640px">
<tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
     <span alt="#sm1">Контейнер 1</span>
     <span alt="#sm2">Контейнер 2</span>
     <span alt="#sm3">Контейнер 3</span>
     <span alt="#sm4">Контейнер 4</span>
     <span alt="#sm5">Контейнер 5</span>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext"
style="display:block;padding:10px;height:280px;overflow-y: auto;"> 
<table><tr>
<td rowspan="2"><h6>Надпись</h6><div class="scroll">Контент</div></td>
<td><h6>Надпись</h6><div class="scroll">Контент</div></td></tr>
<tr><td><h6>Надпись</h6><div class="scroll">Контент</div></td>
</tr></table>
</div>
     <div id="sm2" class="submenutext">
<table><tr><td><h6>Надпись</h6><div class="scroll">Контент</div></td>
<td><h6>Надпись</h6><div class="scroll">Контент</div></td>
</tr></table>
</div>
<div id="sm3" class="submenutext">
<table><tr><td><h6>Надпись</h6><div class="scroll">Контент</div></td>
<td><h6>Надпись</h6><div class="scroll">Контент</div></td>
</tr></table>
</div>
<div id="sm4" class="submenutext">
<table><tr><td><h6>Надпись</h6><div class="scroll">Контент</div></td>
<td><h6>Надпись</h6><div class="scroll">Контент</div></td></tr>
<tr><td colspan="2"><h6>Надпись</h6><div class="scroll">Контент</div></td>
</tr></table>
</p></div>
     <div id="sm5" class="submenutext">
<table><tr>
<td><img src="Картинка" /></td>
<td><img src="Картинка" /></td>
<td><img src="Картинка" /></td>
<td><img src="Картинка" /></td>
</tr>
<tr>
<td><div class="scroll">Контент</div></td>
<td><div class="scroll">Контент</div></td>
<td><div class="scroll">Контент</div></td>
<td><div class="scroll">Контент</div></td>
</tr></table>
</div></div> </td></tr></tbody></table>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

+2

747

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59

alina200074
По-прежнему не вижу картинку.

0

748

  • Автор: faust11
  • Зарегистрирован: 21.10.2012
  • Сообщений: 4
  • Уважение: 0
  • Позитив: +2
  • Провел на форуме:
    3 часа 56 минут
  • Последний визит:
    15.11.2012 16:11:06

вместо первого слайда, сразу виден второй.
что нужно исправить?

Код:
<style>
#pun-announcement > .container { width: 820px; overflow: hidden; }
.content { white-space: nowrap; position: relative; left: 0; }
.content > div {
    display: inline-block;
    height: 150px;
    vertical-align: middle;
}
.content > div.text { width: 750px; }
.content > div.move { width: 70px; }
.content > div.move img { margin-top: 49px }
.content > div.text img.ava {
    height: 150px; width: 150px;
}
.content table { width: 100% }
.content table td { width: auto }
</style>
<div class="content" style="left: -840px; ">
	<div class="text">
    <div style="float: left">
    	<img class="ava" src="http://s2.uploads.ru/h8mCH.png">
    	<img class="ava" src="http://s2.uploads.ru/0BRdb.png">
    </div>
    <div style="margin: auto 20px auto 370px; overflow-y: auto; max-height: 150px; overflow-x: hidden; white-space: pre-line;">
Текст текст<br>С наступающим Хэллоуином, ребятки!<br>
Кстати, о самом главном... У нас сменился дизайн, чёрт его побери!!!<br> Спасибо нашему главному дизайнеру Альфе. (Для тех кто не знает: Кандида)<br>
Все темы с акциями были так же обновлены (А то под тёмный дизайн аватары оч. сильно лагали о_О")<br>
В игре всё так же всё тихо и спокойно, но ленивые задницы стараются не задерживать посты очень на долго!<br>
Для ГОСТЕЙ была так же обновлена тема F. A. Q.
Пока всё (;<br>
    </div>
	</div>
	<div class="move"><img src="http://s3.uploads.ru/aDp0t.png" alt="1"></div>
	<div class="move"><img src="http://s2.uploads.ru/atMs1.png" alt="0"></div>
	<div class="text">
    <ul style="float: left">
    	<li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=217#p12164">F. A. Q.</a></li>
    	<li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=66">ПРАВИЛА</a></li>
    	<li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=90">СЮЖЕТ</a></li>
    	<li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=18">ДЕТАЛИ</a></li>
    	<li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=4">ОРГАНИЗАЦИИ</a></li>
    	<li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=8">С КЕМ ИГРАТЬ?</a></li>
    	<li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=94">ПРОФИЛЬ</a></li>
    </ul>
    <div style="float: left;">
    	<marquee style="width: 500px;">
        <a href="http://lylife.ru/" title="Ты еще не с нами?" target="_blank"> <img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" border="0" alt="Live Your Life"></a><a href="http://ddh.rusff.me/" target="_blank"><img src="http://s017.radikal.ru/i402/1208/78/07aa9986191f.gif" border="0" title="DDH: Life in Livingstone" width="88" height="31"></a><a target="_blank" href="http://astapia.mybb.ru/"><img src="http://s018.radikal.ru/i510/1209/ac/e4da1ba1b1ac.png"></a>
    	</marquee>
    </div>
    <div style="float: right;white-space: pre-line;overflow-x: hidden;overflow-y: auto;width: 150px;max-height: 150px;" class="scroll">
Хотите стать одним из наших партнёров? Обращайтесь в спец. тему!
    </div>
	</div>
</div>
<script>
$('#pun-announcement .content .move img').click(function() {
    $('#pun-announcement .content').animate({'left': (-parseInt(this.alt)*840).toString()+'px'}, 'slow')  
})
</script>

0

749

  • Автор: alina200074
  • Зарегистрирован: 17.09.2012
  • Сообщений: 47
  • Уважение: 0
  • Позитив: +3
  • Провел на форуме:
    17 часов 44 минуты
  • Последний визит:
    30.10.2012 22:17:50

kozhilya
Всё исправила.

0

750

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59

faust11

Поправка

<style>
#pun-announcement > .container { width: 820px; overflow: hidden; }
.content { white-space: nowrap; position: relative; left: 0; }
.content > div {
    display: inline-block;
    height: 150px;
    vertical-align: middle;
}
.content > div.text { width: 750px; }
.content > div.move { width: 70px; }
.content > div.move img { margin-top: 49px }
.content > div.text img.ava {
    height: 150px; width: 150px;
}
.content table { width: 100% }
.content table td { width: auto }
</style>
<div class="content">
<div class="text">
    <div style="float: left">
    <img class="ava" src="http://s2.uploads.ru/h8mCH.png">
    <img class="ava" src="http://s2.uploads.ru/0BRdb.png">
    </div>
    <div style="margin: auto 20px auto 370px; overflow-y: auto; max-height: 150px; overflow-x: hidden; white-space: pre-line;">
Текст текст<br>С наступающим Хэллоуином, ребятки!<br>
Кстати, о самом главном... У нас сменился дизайн, чёрт его побери!!!<br> Спасибо нашему главному дизайнеру Альфе. (Для тех кто не знает: Кандида)<br>
Все темы с акциями были так же обновлены (А то под тёмный дизайн аватары оч. сильно лагали о_О")<br>
В игре всё так же всё тихо и спокойно, но ленивые задницы стараются не задерживать посты очень на долго!<br>
Для ГОСТЕЙ была так же обновлена тема F. A. Q.
Пока всё (;<br>
    </div>
</div>
<div class="move"><img src="http://s3.uploads.ru/aDp0t.png" alt="1"></div>
<div class="move"><img src="http://s2.uploads.ru/atMs1.png" alt="0"></div>
<div class="text">
    <ul style="float: left">
    <li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=217#p12164">F. A. Q.</a></li>
    <li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=66">ПРАВИЛА</a></li>
    <li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=90">СЮЖЕТ</a></li>
    <li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=18">ДЕТАЛИ</a></li>
    <li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=4">ОРГАНИЗАЦИИ</a></li>
    <li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=8">С КЕМ ИГРАТЬ?</a></li>
    <li><a href="http://shadesmacabre.rolka.su/viewtopic.php?id=94">ПРОФИЛЬ</a></li>
    </ul>
    <div style="float: left;">
    <marquee style="width: 500px;">
        <a href="http://lylife.ru/" title="Ты еще не с нами?" target="_blank"> <img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" border="0" alt="Live Your Life"></a><a href="http://ddh.rusff.me/" target="_blank"><img src="http://s017.radikal.ru/i402/1208/78/07aa9986191f.gif" border="0" title="DDH: Life in Livingstone" width="88" height="31"></a><a target="_blank" href="http://astapia.mybb.ru/"><img src="http://s018.radikal.ru/i510/1209/ac/e4da1ba1b1ac.png"></a>
    </marquee>
    </div>
    <div style="float: right;white-space: pre-line;overflow-x: hidden;overflow-y: auto;width: 150px;max-height: 150px;" class="scroll">
Хотите стать одним из наших партнёров? Обращайтесь в спец. тему!
    </div>
</div>
</div>
<script>
$('#pun-announcement .content .move img').click(function() {
    $('#pun-announcement .content').animate({'left': (-parseInt(this.alt)*840).toString()+'px'}, 'slow') 
})
</script>

Отредактировано kozhilya (31.10.2012 00:37:15)

+1

751

  • Автор: Kisasian
  • Kisasian
  • Зарегистрирован: 11.10.2012
  • Сообщений: 65
  • Уважение: +1
  • Позитив: +6
  • Пол: Мужской
  • Возраст: 36 [1988-01-01]
  • Провел на форуме:
    1 день 6 часов
  • Последний визит:
    25.12.2015 10:28:54

kozhilya, о!! да прибудет с тобой благодать хеллоуинского чуда!! ^^ спасибо большее.

нашел пример того, как должны выглядеть внутренние контенты. Думаю, что так будет понятнее.

что бы внутренние контенты каждого блока уже были видны, все зависимости от того, заполнены они или нет

пример

http://s2.uploads.ru/t/WDiMS.jpg
http://uploads.ru/DX84j.jpg

Отредактировано Kisasian (31.10.2012 13:10:26)

0

752

  • Автор: Мииреена д'Эстер
  • Мииреена д'Эстер
  • Зарегистрирован: 25.09.2012
  • Сообщений: 46
  • Уважение: 0
  • Позитив: +10
  • Провел на форуме:
    3 дня 2 часа
  • Последний визит:
    26.05.2013 08:51:30

Здравствуйте!
Столкнулась с небольшой проблемой.

Имеется вот такая примитивная табличка

ячейка 1

ячейка 2

Можно ли в ней как-то сделать все границы прозрачными?

0

753

  • Автор: Wendy Owen
  • Wendy Owen
  • Зарегистрирован: 28.09.2012
  • Сообщений: 29
  • Уважение: 0
  • Позитив: +13
  • Провел на форуме:
    1 день 0 часов
  • Последний визит:
    20.10.2013 16:28:25

Просто напоминаю, ибо мой заказ затерялся в сообщениях.

0

754

  • Автор: Аметистовая Звезда
  • Аметистовая Звезда
  • Зарегистрирован: 26.09.2012
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    2 часа 32 минуты
  • Последний визит:
    05.11.2012 19:00:48

можно мне таблицу как здесь http://kotokotomeu.rolka.su/

0

755

  • Автор: Rizzyna
  • Зарегистрирован: 05.11.2012
  • Сообщений: 2
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    3 часа 41 минуту
  • Последний визит:
    01.01.2014 21:09:30

Всем доброго времени суток!)
Хочется заказать у вас одну табличку..
общий вид
http://s3.uploads.ru/t/V24Sv.png
По игре :http://s1.uploads.ru/sIaOv.png
Актив недели: http://s1.uploads.ru/U9T2Y.png
Реклама и Партнеры : http://s1.uploads.ru/u98yO.png

0

756

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59
Kisasian написал(а):

нашел пример того, как должны выглядеть внутренние контенты. Думаю, что так будет понятнее.

Я в процессе раздумий и выполнений :)

Мииреена д'Эстер написал(а):

Можно ли в ней как-то сделать все границы прозрачными?

Селектор таблицы { border: none 0px; }

Wendy Owen написал(а):

Просто напоминаю, ибо мой заказ затерялся в сообщениях.

Сделал уже, внимательнее смотрите. Ссылка.

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

Хочется заказать у вас одну табличку..

Аметистовая Звезда написал(а):

можно мне таблицу как здесь http://kotokotomeu.rolka.su/

Оформите заказ по форме (см. Первое сообщение темы).

0

757

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59

Kisasian
Жертвуем кроссбраузерностью ради красоты. Код будет работать красиво и правильно в IE 9+, GC 19+ и MF 4+. Остальные, конечно, тоже будут показывать, но немного искажённое.

Код

<style>   
#menu {
    margin-top: -2px;
    width: 150px;
    height: 20px;
    background-repeat : no-repeat;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    background: url(http://s1.uploads.ru/6us5v.png);
    color:#660000;
    font: normal 100% 'Trebuchet Ms';
    border:1px solid #8f7468;
}
#menu .tabactive {
    color: #8f7468;
    background: 0;
}
#menu span {
    text-align: left;
    display:block;
    margin: 9px 0;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
}
#submenu {
    padding: 0px;
    height: 300px;
    text-align: center;
    font-size: 14px;
    width: 640px;
}
#submenu table {
    width: 100%;
    height: 100%;
}
.submenutext {
    display: none;
    height: 100%;
}
.submenutext table {
    border-spacing: 10px;
}
.submenutext td{
    border-radius: 10px;
    border: 1px solid;
    background: rgba(255,255,255,0.3);
    padding: 10px;
}
.scroll {
    overflow-y: auto;
    border: 1px solid black;
    height: 90%;
    height: -webkit-calc(100% - 18px);
    height: -moz-calc(100% - 18px);
    height: calc(100% - 18px);
}
span.headerText {
    margin: 0;
    font-weight: bold;
    display: block;
}
</style>
<center><table style="width: 640px">
<tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
     <span alt="#sm1">Контейнер 1</span>
     <span alt="#sm2">Контейнер 2</span>
     <span alt="#sm3">Контейнер 3</span>
     <span alt="#sm4">Контейнер 4</span>
     <span alt="#sm5">Контейнер 5</span>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext"
style="display:block;padding:10px;height:280px;overflow-y: auto;"> 
<table><tr>
<td rowspan="2"><span class="headerText">Надпись 1.1</span><div class="scroll">Контент 1.1</div></td>
<td><span class="headerText">Надпись 1.2</span><div class="scroll">Контент 1.2</div></td></tr>
<tr><td><span class="headerText">Надпись 1.3</span><div class="scroll">Контент 1.3</div></td>
</tr></table>
</div>
     <div id="sm2" class="submenutext">
<table><tr><td><span class="headerText">Надпись 2.1</span><div class="scroll">Контент 2.1</div></td>
<td><span class="headerText">Надпись 2.1</span><div class="scroll">Контент 2.2</div></td>
</tr></table>
</div>
<div id="sm3" class="submenutext">
<table><tr><td><span class="headerText">Надпись 2.1</span><div class="scroll">Контент 2.1</div></td>
<td><span class="headerText">Надпись 2.1</span><div class="scroll">Контент 2.2</div></td>
</tr></table>
</div>
<div id="sm4" class="submenutext">
<table><tr><td><span class="headerText">Надпись 3.1</span><div class="scroll">Контент 3.1</div></td>
<td><span class="headerText">Надпись 3.2</span><div class="scroll">Контент 3.2</div></td></tr>
<tr><td colspan="2"><span class="headerText">Надпись 3.3</span><div class="scroll">Контент 3.3</div></td>
</tr></table>
</p></div>
     <div id="sm5" class="submenutext">
<table><tr>
<td><img src="Картинка 4.1" /></td>
<td><img src="Картинка 4.2" /></td>
<td><img src="Картинка 4.3" /></td>
<td><img src="Картинка 4.4" /></td>
</tr>
<tr>
<td><div class="scroll">Контент 4.1</div></td>
<td><div class="scroll">Контент 4.2</div></td>
<td><div class="scroll">Контент 4.3</div></td>
<td><div class="scroll">Контент 4.4</div></td>
</tr></table>
</div></div> </td></tr></tbody></table>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

0

758

  • Автор: riel
  • riel
  • Зарегистрирован: 14.10.2012
  • Сообщений: 23
  • Уважение: +2
  • Позитив: +4
  • Провел на форуме:
    8 часов 36 минут
  • Последний визит:
    22.12.2012 19:36:03

Здравствуйте, нужна небольшая таблица небольшая таблица с вкладками такого рода:
http://s1.ipicture.ru/uploads/20121106/JoQh6bbs.png
Размеров 550*250
Кнопки:

кнопки

http://s1.ipicture.ru/uploads/20121106/epIXfQmV.png
http://s1.ipicture.ru/uploads/20121106/c6UIRRTq.png
http://s1.ipicture.ru/uploads/20121106/7pJrxZcc.png
http://s1.ipicture.ru/uploads/20121106/ZuNofXK4.png

Границы не нужны, ширина форум 900 пикселей.
Форум - http://testriel.rusff.me/

Отредактировано riel (06.11.2012 13:45:17)

0

759

  • Автор: Wendy Owen
  • Wendy Owen
  • Зарегистрирован: 28.09.2012
  • Сообщений: 29
  • Уважение: 0
  • Позитив: +13
  • Провел на форуме:
    1 день 0 часов
  • Последний визит:
    20.10.2013 16:28:25

kozhilya
Да, действительно слепая.
Только я не понимаю, почему фон красный.
http://paranormalphenomenon.rolka.su/

0

760

  • Автор: kozhilya
  • kozhilya
  • Откуда: Москва
  • Зарегистрирован: 17.09.2012
  • Сообщений: 289
  • Уважение: +88
  • Позитив: +12
  • Пол: Мужской
  • Провел на форуме:
    5 дней 16 часов
  • Последний визит:
    18.02.2023 16:48:59

riel
Шаблон, шаблон...

Wendy Owen
Удалите строку.

background: rgba(255, 0, 0, 0.5);

Так., ладно. Внезапно понял, что шаблон необязателен. Мдямс.  В общем, Мииреена д'Эстер и riel шаблон делать необязательно, сдлелаю и так.
Но, пожалуй, я всё-таки сделаю шаблон обязательным.

Отредактировано kozhilya (06.11.2012 18:00:26)

0

Страница:   1 … 36 37 38 39 40 … 50  

Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц

Рейтинг форумов | Создать форум бесплатно