Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по заказу таблиц (2)


Общие вопросы по заказу таблиц (2)

Сообщений 161 страница 180 из 297

161

Remus John Lupin написал(а):

уже не помню, задавал ли я их отдельной группой

Задавали, задавали. Ну не знаю, может, конечно, так и проще, но мне так неудобно работать :с Пытался уже, но эти границы отвлекают, на мой взгляд, а что перемещается и двигается можно увидеть, задав, например, какие-нибудь числа побольше) Ну не знаю, мне так неудобно, в общем))

Remus John Lupin написал(а):

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

Насколько я понимаю, это вот эта часть:

<td id="taba" width=478px height=290px>
    <table id="tab2" class="tbl-0" border="0">

Но что-то мне подсказывает, что width и height никак не влияют на местоположение этих картинок :с И ещё, насколько я понял, в объявлении эта часть кода указывается именно для кнопок, а в стиле - для картинок.

0

162

billy_joe, завтра - хорошо? Я вникну, разберусь и мы все настроим. Вы были чуть ли не первым или вторым в череде заказов, а я вчера выложил уже пятнадцатую. У меня такая каша в голове, что я вам сейчас, не разобравшись, с наскоку, ничем толково не помогу, но поскольку ваша таблица - моя работа, я чувствую ответственность довести ее до ума. Я закончу сегодня очередной заказ, поправлю еще одну исправленку и тогда завтра мы с вами все настроим у вас.

0

163

Remus John Lupin
Хорошо) Благодарю за отзывчивость =3

0

164

Доброго дня, господа знатоки.
У меня небольшая проблема с таблицей. Точнее, с картинками в ней. Намудрила я с ними...
Мне нужно, чтобы третья вкладка отображалась так - http://s7.uploads.ru/4CJuN.png
А она отображается так - http://s7.uploads.ru/XuZcM.jpg
Вот ссылка на форум
Подскажите, как исправить~
Заранее благодарна (:

0

165

Martele
1. В конце стиля для слайдера уберите строку красным и измените отступы:

}
.slide img {
float:right;
  margin:0 4px;
}
</style>

2. Замените код вкладки:

Код:
<div class="slide">
<table width=100%>
<tr align=center>
<td width=50%>
Администраторы:<br>
<img src="http://s7.uploads.ru/HfVtG.jpg">
<img src="http://s7.uploads.ru/9AQGz.jpg">

</td>
<td>
Модераторы:<br>
<img src="http://s6.uploads.ru/h52MP.jpg">
<img src="http://s6.uploads.ru/h52MP.jpg">
</td>
</tr>
</table>
<hr>

<table width=100%>
<tr align=center>
<td width=50%>
<b>Активисты:</b><br>
<img src="http://s7.uploads.ru/7KYcO.jpg"><img src="http://s7.uploads.ru/7KYcO.jpg"><img src="http://s7.uploads.ru/7KYcO.jpg"><img src="http://s7.uploads.ru/7KYcO.jpg">
</td>
<td>
<b>Пост месяца:</b><br>
<img src="http://s7.uploads.ru/kevAE.jpg"><br>
Пара строк из поста... <ссылка на пост>
</td>
</tr>
</table>


      </div>

+1

166

Deff
Огромное спасибо! +

0

167

все уже разобралась)) ступила немного)

Отредактировано Нэнси Малина (Чт, 16 Янв 2014 22:33:00)

0

168

Нэнси Малина написал(а):

Он меня не понимает и не отображает фон. Я, вообще-то, не удивлена. Но очень хотелось бы узнать, как правильно.

Вы в сам НТМЛ таблицы не добавили ИД - ему не по чему идентифицировать стиль, добавьте сюда:

Нэнси Малина написал(а):

<table width="900px" height="250px">

ваше ИД: #tabs-body, то бишь вот так:

<table id="tabs-body" width="900px" height="250px">

0

169

kolobdur74
да, спасибо)

0

170

kolobdur74
еще вопрос касательно таблицы) http://test100500.rusff.ru/
как бы так исхитриться и сделать таким образом, чтобы некоторая область в таблице (а именно место стыка двух столбцов) пустовало. А иначе текст наезжает на треугольнички.
ну, то есть чтобы было что-то вроде этого:
http://s7.uploads.ru/nQIY8.jpg

0

171

Нэнси Малина написал(а):

как бы так исхитриться и сделать таким образом, чтобы некоторая область в таблице (а именно место стыка двух столбцов) пустовало. А иначе текст наезжает на треугольнички.
ну, то есть чтобы было что-то вроде этого:

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

0

172

kolobdur74
хорошо, но только как поставить на ячейку? идентифицировать каждую и прописать в стиле?

0

173

Нэнси Малина написал(а):

хорошо, но только как поставить на ячейку? идентифицировать каждую и прописать в стиле?

Да, точно так же как и на таблицу, заодно и в стиле можете прописать проценты и убрать из НТМЛ..Кстати, если много текста будет можно предусмотреть появление прокрутки, чтобы текст не вылазил за отведенную высоту..К примеру: overflow: auto; http://htmlbook.ru/css/overflow

0

174

kolobdur74
хорошо, спасибо, сейчас попробую

0

175

Нэнси Малина
Еще один момент - верхняя ячейка не может быть другого размера нежели нижняя, поэтому задавать размер можно по верхней. Если вы зададите разные размеры верхней и нижней ячейке, то браузер будет ставить размеры по своему вкусу, и боюсь, что его вкусы могут не совпасть с вашими..Для титула в таблице обычно используется тег th, а не td..

0

176

Ребята, это снова -я))
Хочу упростить в шапке таблицу с объявлениями, т.е. поставить контейнер. Но ничего не выходит(( Тестировала два варианта:

1. Кнопки сверху (http://forum.mybb.ru/viewtopic.php?id=2 … 16#p756228)

Контейнер 1

<style>
#menu {
margin: 0 0 10px 0;}

#menu span {
padding: 10px 35px 10px 35px;
margin: 0px 5px 0px 5px;
width: 100px;}

#menu .tabactive {
color: #fff;}

#submenu {
padding: 10px;
width: 900px;}

.submenutext {
display: none;
text-align: center;
height: 250px;
overflow-y: auto;
overflow-x: hidden;}

#menu span, #submenu {
border: 2px solid #000;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
  <tr height="40">
   <td align="center">
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Кнопка 1</span>
<span alt="#sm2" style="cursor: pointer;">Кнопка 2</span>
<span alt="#sm3" style="cursor: pointer;">Кнопка 3</span>
<span alt="#sm4" style="cursor: pointer;">Кнопка 4</span>
<span alt="#sm5" style="cursor: pointer;">Кнопка 5</span>
           </b>
    </div>
   </td>
  </tr>
  <tr height="220">
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext" style="display:block;">

Контент первой кнопки

</div>

     <div id="sm2" class="submenutext">

Контент второй кнопки

</div>

     <div id="sm3" class="submenutext">

Контент третьей кнопки

</div>

     <div id="sm4" class="submenutext">

Контент четвертой кнопки

</div>

     <div id="sm5" class="submenutext">

Контент пятой кнопки

</div>
   </td>
</tr>
</tbody>
</table></center>

<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. Кнопки сбоку (http://forumdts.org/viewtopic.php?id=2385#p77428)

Контейнер 2

http://uploads.ru/i/2/Z/S/2ZSPu.jpg

В хтмл-верх

Код:
<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#777777;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

В хтмл-низ

Код:
<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>

В объявление

Код:
<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
<span alt="#sm2" style="cursor: pointer;">Новости форума</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Баннеры партнеров</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
текст добро пожаловать
</div>
     <div id="sm2" class="submenutext"><br /><br />
текст новости форума
</div>
     <div id="sm3" class="submenutext"><br /><br />
текст Администрация
</div>
     <div id="sm4" class="submenutext"><br /><br />
текст баннеры партнеров
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

То же самое((( Первая читается, остальные три нет Ссылка

Отредактировано Китана (Вс, 19 Янв 2014 15:05:35)

0

177

Китана
У Вас во второй Вкладке две таблицы(ксать непонятно зачем, ибо всё можно реализовать одной с двумя ячейками), а тег закрытия только один, добавьте красным

Свернутый текст

<div id="sm2" class="submenutext">

<table style="width: 600px">
<tr>

<td width="300" height="200" style="border-collapse: collapse; border: 3px solid #6b3a1d">
<b>Рейтинг игры:</b><br>
PG-13<br><br>
<b>Время в школе:</b><br>
Зима. 2014 года<br><br>
<b>Учебный семестр:</b><br>
не определено<br><br>
<b>Каникулы:</b><br>
не определено<br><br>
</td>
<td width="300">
<table style="width: 300px">
<tr>
<td width="300" height="100" style="border-collapse: collapse; border: 3px solid #6b3a1d">
<b>Директор</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=2" target="_blank">Аделия Лин-Роу</a><br><br>
<b>Завуч</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=8" target="_blank">Гейлла Мейфейр</a><br>

</td>
</tr>
<tr>
<td width="300" height="100" style="border-collapse: collapse; border: 3px solid #6b3a1d"><br>
<b>Декан Дома Саламандры</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=9" target="_blank">Кэтрин Салинес</a><br><br>
<b>Декан Дома Орла</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=8" target="_blank">Гейлла Мейфейр</a><br><br>
<b>Декан Дома Волка</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=14" target="_blank">Риз Делакур</a><br>
<b>Декан Дома Дельфина</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=14" target="_blank">Риз Делакур</a>
</td>
</tr>
</table>
</tr>
</table>

</div>

     <div id="sm3" class="submenutext">

Не хватает так же тега для закрытия обрамления всех вкладок <div id="submenu" align="center">

<div id="sm4" class="submenutext">

Текст Текст Текст

</div>

</div>
   </td>
</tr>
</tbody>
</table></center>

Просто делаете не аккуратно, ибо нужно брать чистый исходник и вставлять по одному контенту вкладки и тестировать, а не ляпать сходу всё и сразу

Отредактировано Deff (Вс, 19 Янв 2014 16:38:38)

0

178

Deff
Сделала, как вы советовали - с ячейками)) Так намного лучше. Спасибо  :flag:

0

179

Китана
Сейчас у Вас уже иной контент Второй Вкладки, нежели когда Вы Выкладывали ссылку
и эти строки лишнии!!

<div id="sm2" class="submenutext">

<table style="width: 600px">
<tr>
<td width="280" height="100" style="border-collapse: collapse; border: 3px solid #6b3a1d">
<b>Директор</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=2" target="_blank">Нарцисса О'Лэндхард</a><br><br>
<b>Завуч</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=8" target="_blank">Гейлла Мейфейр</a><br>
</td>

<td width="280" height="100" style="border-collapse: collapse; border: 3px solid #6b3a1d">
<b>Лидеры</b><br>
<img src="http://imgadevilis.zz.mu/lidery.png">
</td>
</tr>

<tr>
<td width="280" height="100" style="border-collapse: collapse; border: 3px solid #6b3a1d"><br>
<b>Декан Дома Саламандры</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=9" target="_blank">Кэтрин Салинес</a><br><br>
<b>Декан Дома Дельфина</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=8" target="_blank">Гейлла Мейфейр</a><br><br>
<b>Декан Дома Волка</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=14" target="_blank">Риз Делакур</a><br><br>
<b>Декан Дома Орла</b><br>
<a href="http://adevilis.hutt.ru/profile.php?id=14" target="_blank">Риз Делакур</a><br><br>
</td>
<td width="280" height="100" style="border-collapse: collapse; border: 3px solid #6b3a1d">
<b>Активисты</b><br>
---
</td>
</tr>
</table>
</tr>
</table>

</div>

И еще раз, лучше не брать всё и сразу , а вставлять контент постепенно и последовательно, вкладку за вкладкой!
Второе - не менять контент походу, не получив ответа(Создавайте иной тестовик для собственных экспериментов, иначе совет уже не подходит к контенту

Отредактировано Deff (Пн, 20 Янв 2014 01:15:05)

0

180

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

И еще раз, лучше не брать всё и сразу , а вставлять контент постепенно и последовательно, вкладку за вкладкой!

Да, да.. я так и делала)) Теперь все отлично. Еще раз - спасибо))

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по заказу таблиц (2)