[Устарело] Таблица
Сообщений 1 страница 10 из 12
Поделиться213.02.13 11:34
Nastya
Если востребовано, уточните что и как должно переключаться. Это Меню с кладками или просто меню, где при нажатии будет меняться содержимое под кнопками.
Поделиться313.02.13 13:04
Востребаванно.
При нажатии должно сменятся содержимое под кнопками
Поделиться413.02.13 23:51
Nastya
Ваша таблица:
В HTML верх:
<style> #menu { width: 568px!important; height: 34px; } #menu span { display: block; padding: 9px 0 9px 0; border: 1px solid #8393AD; text-decoration: none; } #menu .tabactive { color: #5A6FA7; background: #D7DEEA; } #submenu { padding: 5px; height: 280px; text-align: center; font-size: 12px; border: 1px solid #8393AD; } /* .submenutext { display: none; height: 60px; } */ </style>
В пункте #menu .tabactive
color - это цвет текста активной кнопки меню
background - это фон под текстом активной кнопки
В Объявление:
<center> <table border="0" cellspacing="2" cellpadding="2" style="width: 716px;"> <tbody> <tr> <td align="center" style="width: 148px; height: 36px;"> <p style="font-weight: bold;">Новости:</p> </td> <td align="center"> <!-- Кнопки меню --> <div id="menu"> <table border="0" cellspacing="1" cellpadding="1" style="width: 568px; height: 34px;"> <tbody> <tr style="font-weight: bold;"> <td align="center" style="width: 25%;"><span alt=#sm1 "style="cursor: pointer;">Приветствие</span></td> <td align="center" style="width: 25%;"><span alt=#sm2 "style="cursor: pointer;">В игре</span></td> <td align="center" style="width: 25%;"><span alt=#sm3 "style="cursor: pointer;">Коты</span></td> <td align="center" style="width: 25%;"><span alt=#sm4 "style="cursor: pointer;">Реклама</span></td> </tr> </tbody> </table> </div> <!-- Конец кнопок меню --> </td> </tr> <tr> <td align="center" valign="top"> <div style="border: thin solid #8393AD; height: 76px;"> Блок с рамкой </div> <div style="overflow-y: auto; overflow-x: hidden; padding: 1px; width: 100%; height: 210px; margin-top: 1px;"> Здесь текст новостей, после блока с рамкой, прокрутка появится автоматически. </div></td> <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> <!-- Конец содержимого кнопок меню --> </td> </tr> </tbody> </table> </center>
В окно 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>
Поделиться514.02.13 09:08
Спасибо большое.
Поделиться614.02.13 09:25
У меня проблема. Я всё сделала, но таблицы нет
Поделиться714.02.13 09:51
А вы нажали в админке показывать таблицу?
Поделиться814.02.13 09:58
А это где?
Поделиться914.02.13 10:21
Nastya
где объявление
Поделиться1014.02.13 10:21
хорошо, сейчас попробую