[Выполнено] Таблица. HTML.

Поделиться114.02.13 23:19

Автор: Karina
Призрак
Последний визит:
08.07.13 17:36
Уважение: +14

1. Ссылка на форум:http://velikolepniyvek.rolka.su/
2. Эскиз таблицы:
3. Дополнительные предпочтения:хотелось бы еще такой код,что бы я могла потом подставить картинку в фон таблица)И еще хотелось бы,что бы фон таблицы и все остальное(т.е. ячейки) были под цвет форума...ну или прозрачными)

Отредактировано mintemero (04.04.13 16:23)

0

Поделиться215.02.13 22:57

Автор: Кофеман
Призрак
Последний визит:
28.02.13 11:13
Уважение: +30

Karina
Ваша таблица:

В окно HTML верх

Код:

<!-- Стиль меню в объявлении -->
<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}

#menu .tabactive {
color: #554336;
font-weight: bold;

}

#submenu {
padding: 5px;
height: 320px;
/* text-align: center; */
width: 890px;
}

.submenutext {
display: none; 
height: 320px;
overflow-y: auto; 
overflow-x: hidden; 
padding: 1px;
}
</style>

Скрипт в окно HTML низ

Код:

<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: 900px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<!-- Вложенная таблица кнопок меню -->
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%;">
<tbody >
<tr>
    <td align="center" style="width: 20%; height: 50px;">
<span alt="#sm1" style="cursor: pointer;">Приветствие</span>
	</td>
    <td align="center" style="width: 20%; height: 50px;">
<span alt="#sm2" style="cursor: pointer;">Администрация</span>
	</td>
    <td align="center" style="width: 20%; height: 50px;">
<span alt="#sm3" style="cursor: pointer;">Новости</span>
	</td>
    <td align="center" style="width: 20%; height: 50px;">
<span alt="#sm4" style="cursor: pointer;">Срочно нужны</span>
	</td>
    <td align="center" style="width: 20%; height: 50px;">
<span alt="#sm5" style="cursor: pointer;">На всякий</span>
	</td>
</tr>
</tbody>
</table>
<!-- Конец вложенной таблицы -->
    </div>
   </td>
  </tr>
  <tr>
   <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>
</div>
   </td>
</tr>

<tr>
<td align="center">
<div align="center" style="width: 100%; height: 30px; border: 1px solid;">

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

</div>
</td>
</tr>
<tr>
<td>
<div align="center" style="width: 100%; height: 50px; border: 1px solid;">

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

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

+1

Поделиться316.02.13 17:13

Автор: Karina
Призрак
Последний визит:
08.07.13 17:36
Уважение: +14

Кофеман
Спасибо большое!! Все очень хорошо получилось)Понимаю,что все это вам трудно,но все же можно ли это как-нибудь исправить:

хочу,что бы там можно было выбирать темы...ну и поиск нажимать)похоже,это я все плохо объясняю

0

Поделиться416.02.13 17:35

Автор: Karina
Призрак
Последний визит:
08.07.13 17:36
Уважение: +14

Кофеман
Все)Спасибо,я уже сама нашла)Я говорила про это:

Код:

<div style="text-align: center;"><b>Cсылки:</b></div>
<!-- Тут навигация -->
<div align="center"><form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>---> Навигация по форуму </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form></div>
	</td>

Еще раз:спасибо огромное!!Вы мне очень помогли!!!

0

Поделиться517.02.13 20:17

Автор: Karina
Призрак
Последний визит:
08.07.13 17:36
Уважение: +14

Здравствуйте,извините,я все испортила....что-то случилось...теперь ссылки не переключааются помогите,пожалуйста!посмотрите,что не так тут

0

Поделиться617.02.13 20:24

Автор: Karina
Призрак
Последний визит:
08.07.13 17:36
Уважение: +14

Все)))разобралась))это оказывается у вас вот этот скрипт все блокирует((и кнопку "Цитировать" тоже

0

Поделиться719.02.13 03:36

Автор: Кофеман
Призрак
Последний визит:
28.02.13 11:13
Уважение: +30

Karina
Ну скрипт не у "нас". Вы скрипт сами ставили и к таблицам он никакого отношения не имеет.))

0

Поделиться823.02.13 18:33

Автор: Karina
Призрак
Последний визит:
08.07.13 17:36
Уважение: +14

Здравствуйте)Я как всегда с проблемой
Я поменяла дизайн и ,естественно, табличка слегка съехала...Не могли бы помочь?

http://velikolepniyvek.rolka.su/