в 240 пикселов
опечаталась, 210 то есть...
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Выполнено]Таблица. HTML. Скрипт
в 240 пикселов
опечаталась, 210 то есть...
Я думала, в каждую ячейку <td> можно добавить атрибуты и они будут работать, фиксируя нужные параметры...
Но пятая ячейка по ширине должна быть равна суммарной ширине верхних ячеек, иначе никак
Но пятая ячейка по ширине должна быть равна суммарной ширине верхних ячеек, иначе никак
эммм...хорошо, полагаюсь на Вас. =) Я не очень хорошо знакома со спецификой ХТМЛа, поэтому сделайте её так, как того обязывают правила)
Примеряем - ставим все в объявление:
<style> #menu { margin-top: -5px; width: 120px; 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; font-style: italic; font-size: 7.7pt; } #menu .tabactive { color: #000000; background:#777777; } #submenu { padding: 3px; height: 180px; text-align: center; font-size: 12px; width: 270px; } .submenutext { display: none; height: 40px; } #my_TABLE { border-collapse: collapse; /* Убираем двойные границы между ячейками */ /* Цвет фона таблицы */ border: 2px solid black; /* Рамка вокруг таблицы */ } #my_table TD, #my_table TH { padding: 5px; /* Поля вокруг текста */ border: 1px dotted black; /* Рамка вокруг ячеек */ } </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 id="my_table" cellspacing="0" border="1px" bordercolor="black" width="840px" height="450px" align="center" cellpadding="5px" style=" "><tbody><tr><td width="270px" height="200px"><div height="200px" width="100%" style="overflow-y: visible; overflow-x:hidden;"><center><marquee height="200px" direction="up" scrollamount="1" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1">lolololololol<br>lololololololo kzgvkdjgvkdjxgvkxdjgkdjgvxd<br>sjhfkdjxhfkdsjhfksdjf banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br><br><br></marquee></center></div></td><td width="150px"><div style="overflow-y: visible; overflow-x: hidden;width: 150px;height: 200px;text-align: center;">link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br></div></td><td width="150px"><div style="overflow-y: visible; overflow-x: hidden;width: 150px;height: 200px;text-align: center;">link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br>link_N<br></div></td><td><div style="overflow-y: visible; overflow-x: hidden;width: 250px;height: 200px;text-align: center;">banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br></div></td></tr><tr><td colspan="2" width="50%"><div style=" overflow: auto; overflow-x: hidden; width: 420px; height: 250px; text-align: center; ">banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br>banner banner banner<br></div></td><td colspan="2"><center><table style="width: 100%"> <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;width: 100%; height: 100%; overflow: auto; overflow-x: hidden;background: url();"> <br><br> текст добро пожаловать<br><br><br><br><br><br><br><br><br><br><br><br> </div> <div id="sm2" class="submenutext" style=" width: 100%; height: 100%; overflow: auto; overflow-x: hidden; background: url(); "><br><br> текст новости форума </div> <div id="sm3" class="submenutext" style=" width: 100%; height: 100%; overflow: auto; overflow-x: hidden; background: url(); "><br><br> текст Администрация </div> <div id="sm4" class="submenutext" style=" width: 100%; height: 100%; overflow: auto; overflow-x: hidden; background: url(); "><br><br> текст баннеры партнеров </div> </div> </td> </tr> </tbody> </table></center></td></tr></tbody></table></center>
Вот спасибо))) Всё отлично работает, разве что я с размерами чуть-чуть прогадала, но это не сложно исправить)
А, спрошу насчёт контейнера с вкладками, там можно вместо названия вкладки поставить картинку и она будет работать?
Конечно, можно) Тогда вот сюда:
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
Вместо слов Добро пожаловать нужно вставить следующий код - <img src="ссылка на картинку">
Размер картинки желательно около 120*60 по размеру)
Рунный
Ещё раз спасибо)))
я запомню)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Заказать дизайн, графику или скрипты » Заказать верстку и скрипты » [Выполнено]Таблица. HTML. Скрипт