Таблица [Выполнено]
Сообщений 1 страница 5 из 5
Поделиться201.03.13 21:19
Пернатый
Беру.
Картинки названий вкладок есть?
Поделиться301.03.13 21:27
mintemero
вкладки текстовые.
Поделиться402.03.13 18:58
Пернатый
Готово.
Html-верх или свой стиль без тегов <style>
Код:<style> .tabs { width:882px !important; height: 194px !important; background: url(http://s2.uploads.ru/cRa98.png) no-repeat center center !important;} .tabs table { padding-left: 85px; padding-top: 40px; } .tabs td{ padding: 0 !important;} #menu { margin-top: -5px; width: 180px; height: 60px; background-repeat : no-repeat;} #menu span { text-align:left; display:block; color:#716F70; font-family: moriens, sans-serif; font-size: 17px; } #menu span:hover {color: #8d8d8d;} #menu .tabactive, #menu .tabactive:hover { color: #000000;} #submenu { color: #716F70; padding: 3px; text-align: center; height: 78px; font-size: 12px; overflow-y: auto; } .submenutext {display: none;} </style>
Сама таблица:
Код:<center><div class="tabs"><table width=100%> <tbody> <tr> <td valign=top width=180> <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" style="padding-right: 60px !important"> <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></div></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>
Поделиться502.03.13 19:50
Уф, да. Всё так как хотел :3
Пойду разберусь с косяком приветствия -_-
спасибо.