1. Ссылка на форум - http://maximumrisk.rusff.ru/ (куда надо) http://probnikdiz.rusff.ru/ (где сейчас стоит таблица)
2. Код таблицы -
Код:<style> #menu { margin-top: -5px; width: 100%; height: 100px; background-repeat : no-repeat;} #menu span { text-align:left; display:block; color:; 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:; } #menu .tabactive { color:; background:; } #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>
Код:<div class="container"> <div class="html-box"> <center><table style="width: 800px"> <tbody> <tr> <td valign=top> <div id="menu"> <b> <span alt="#sm1" style="cursor: pointer;"><img src="http://s3.uploads.ru/I2nu1.png"></span> <span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/j8IVR.png"></span> <span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/oUDbX.png"></span> <span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/cgUCS.png"></span> <span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/eoUcY.png"></span> </b> </div> </td> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <b> <table> <tr> <td> <b>ДОБРО ПОЖАЛОВАТЬ!</b> <br/> Пройдя по одной из ссылок, вы попали на ролевой проект, посвященный тяжелой судьбе будущих шпионов. Думаю многие смотрели замечательные фильмы о детях шпионах и мечтали о том, что бы занять их место. Так почему бы нам не воплотить это желание в жизнь? Осуществите мечту детства вместе с нами, попробовав на себе роль будущего шпиона, взвалите себе на плечи не только груз ученья и миссий, но и подростковой жизни. Рейтинг <b>NC-21.</b> </td> <td> <b>НОВОСТИ</b> <br>На календаре четвертое января. Эту знаменательную дату мы запомним на всю жизнь, ведь именно сегодня наш форум распахнул свои двери для игроков и гостей. Мы ждали этого дня целый месяц и надеемся, что наш труд и старания будут оценены сполна. </td> </tr> </table> <a href="http://forum-top.ru/vote/843" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Поддержать форум на Forum-top.ru" /></a> <a href="http://top.roleplay.ru/17366" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"> <img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> </b> </div> <div id="sm2" class="submenutext"> <center><b>СОБЫТИЯ В ИГРЕ</b></center> <br> На календаре 8 января 2013 года. Температура воздуха колеблется от 0 градусов до +4. Временами крупными хлопьями идет снег. Рождественские каникулы подошли к концу и студенты вернулись. Тишину в коридорах университета нарушили шум и громкие разговоры подопечных и их кураторов. В честь начала семестра администрация университете решила порадовать студентов и сделать лишь одно занятие для каждого факультета. Большинство преподавателей покинут стены университета этим вечером, а это значит, что студентам повезло в двойне. Мало того, что сегодня в кампусе будет вечеринка, так и скрываться будет не от кого. </div> <div id="sm3" class="submenutext"><br /><br /> <b> <br><br><font size=1><center><b>РЫЦАРИ КРУГЛОГО СТОЛА</b></font> <br><a href=http://maximumrisk.rusff.ru/profile.php?id=4><img src=" http://s2.uploads.ru/pSi0j.png"></a><a href=карина - фоукс><img src="http://s2.uploads.ru/USJzm.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=5><img src="http://s2.uploads.ru/kFOZh.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=10><img src="http://s2.uploads.ru/9ewpo.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=8><img src="http://s2.uploads.ru/Lsz1f.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=7><img src="http://s2.uploads.ru/hs3fn.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=6><img src="http://s2.uploads.ru/nY84J.png"></a></center> </b> </div> <div id="sm4" class="submenutext"><br /><br /><b> <br><font size=1><center><b>АКТИВИСТЫ ТРЕХ ДНЕЙ</b></font> <br><a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a> <a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a> <br><table> <tr> <td><font size=1><center><b>ЛУЧШИЙ ИГРОК </b></font> <br><a href=ссылка><img src="http://s3.uploads.ru/92Kez.gif"></a> </td> <td> <font size=1><center><b>ПЯТЬ ВЕЧЕРОВ С ...?</b></font></center> <a href=ссылка><img src="http://s3.uploads.ru/92Kez.gif"></a><b></td> </tr> </table> </div> <div id="sm5" class="submenutext"><br /><br /> <a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/92917.png" border="0" alt="White PR"></a> <a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="https://forumstatic.ru/files/000c/77/06/88262.gif" border="0" alt="COLOR FORUM"></a> <a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" border="0"></a> <a target="_blank" href="http://bonup.artbb.ru/"><img src="http://uploads.ru/i/T/A/d/TAdns.png" ></a> </b> </div> </div> </td> </tr> </tbody> </table></center> </div> </div> <br><br> <font size=1><center><b><a href=http://maximumrisk.rusff.ru/viewtopic.php?id=5>СЮЖЕТ</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=6#p6>FAQ: ВСЕ ОБ «MAXIMUM RISK»</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=7>FAQ: ВСЕ ОБ BUSS</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=29#p36>ЧТО ТАКОЕ ПОРТФОЛИО?</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=8>ЗАНЯТЫЕ ВНЕШНОСТИ</a> <br><a href=http://maximumrisk.rusff.ru/viewtopic.php?id=9>ПАСПОРТНЫЙ СТОЛ</a> | <a href=http://maximumrisk.rusff.ru/viewforum.php?id=4>МЕСТНАЯ РАСПРОДАЖА</a> | <a href=http://maximumrisk.rusff.ru/viewforum.php?id=5>ПОЛУЧЕНИЕ ПРОПИСКИ</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=16>ЛИЧНЫЕ СВЕДЕНИЯ</a></b></font></center>
3. В чем проблема? -
Как видно на пробнике - расстояние от таблицы и до меню (форум, участники, награды и прочее) слишком большое. Его нужно сократить. Далее расстояние между картинки-вкладками, их тоже бы сократить. Теперь первый контейнер - внутри также таблица, разделила текст на 2 части и почему-то первая ячейка стала шире второй (Если можно, то сделайте пожалуйста бегунок).
Ну и дополнительно, но не обязательно: хочу скрипт , чтобы при наведении мыши на ссылку-картину амс появлялось окошко с информацией. К примеру на этих проектах: http://sacramentolife.ru/
http://badasses.ru/
http://naruhog.ru/
Заранее спасибо!
Отредактировано mintemero (04.04.13 16:28)