SlowDeath
-
Posts
2 -
Joined
-
Last visited
SlowDeath's Achievements
Explorer (1/14)
0
Reputation
-
Ну вкладочки =Р В общем как и заказывали скриншоты, до и после перемещения этих кнопко-вкладок PS. Возможно Вы подумаете, что эти кнопко-вкладки могут везде оставаться (то есть перемещаться в любое место на странице), но это не так, они просто меняются местами и из оранжевого поля убегать не могут и положение их фиксированное, то есть в одном углу...
-
В общем не хочет правильно отображаться следующий код в Опере, все кнопочки перемешиваются при их перемещении... (такое происходит только в этом браузере) ПС. Заодно хотелось бы спросить, как заставить браузер запоминать положение этих кнопок (вероятно прибегнув к кукисам) Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Навигация по сайтам </title> <meta name="generator" content="Navigation bar"> <link rel="stylesheet" href="./style/ui-lightness/jquery.ui.all.css" type="text/css"> <link rel="stylesheet" href="./index.css" type="text/css"> <link rel="stylesheet" href="./Untitled1.css" type="text/css"> <script type="text/javascript" src="./jquery-1.4.2.min.js"></script> <script type="text/javascript" src="./jquery.ui.core.min.js"></script> <script type="text/javascript" src="./jquery.ui.widget.min.js"></script> <script type="text/javascript" src="./jquery.ui.mouse.min.js"></script> <script type="text/javascript" src="./jquery.ui.sortable.min.js"></script> <script type="text/javascript" src="./jquery.ui.tabs.min.js"></script> <script type="text/javascript" src="./wwb7.js"></script> <script type="text/javascript"> $(document).ready(function() { var jQueryTabs1Opts = { fx: { opacity: 'toggle', duration: 'normal' }, event: 'click', deselectable: 'true' }; $("#jQueryTabs1").tabs(jQueryTabs1Opts).find(".ui-tabs-nav").sortable(); }); </script> </head> <body> <noscript> <div style="color:red;text-align:center"> <font size=6> У Вас отключено выполнение JavaScript! <br> Страница может не корректно отобразиться! </font> </div> </noscript> <div id="wb_Text1" style="text-align:center"> <font style="font-size:43px" color="#893C3D" face="Comic Sans MS, Monotype Corsiva, Monotype, Comic Sans MS">Панель Навигации </font> </div> <div id="jQueryTabs1" style="position:center;left:auto;top:auto;width:auto;height:auto;z-index:1"> <ul> <li> <a href="#page-0"> <span>Фотохостинг </span></a> </li> <li> <a href="#page-1"> <span>Медиа-Галерея </span></a> </li> <li> <a href="#page-2"> <span>PorTA </span></a> </li> <li> <a href="#page-3"> <span>ToRA </span></a> </li> </ul> <div style="height:430px;overflow:auto" id="page-0"> <font size=4><b>Если вы хотели поделиться вашими фотографиями с друзьями, а выхода в интернет нет, то этот фотохостинг <!--Сервис для хранения фотографий--> именно для вас!</b> </font> <br> <br> <font size=4>Cервис позволяет легко и быстро публиковать ваши картинки на страницах любого* интернет-форума, блога, чата, доске <br> объявлений (необходимая подготовка изображения выполняется автоматически). Вам нужно только выбрать картинку на <br> диске, нажать кнопку ЗАГРУЗИТЬ и затем скопировать готовую ссылку в свое сообщение. <br> <br>Кроме того данный сервис обладает множеством преимуществ: <br>- Не требует регистрации <br>- Срок хранения картинок неограничен <br>- Максимальный объем загружаемого файла до 10Мб <br>- Сервис полностью бесплатен <br> <br>Для перехода <a href="/images" target="_blank">кликните здесь</a> </font> <br> <br> <font size=2>*Внимание, действует только в локальной сети PRIDE </font> </div> <div style="height:430px;overflow:auto" id="page-1"> <font size=4><b>Создавайте собственные веб-альбомы с красивыми фотографиями высокого разрешения. <br> Включите слайд-шоу и наслаждайтесь своими снимками.</b> </font> <br> <br> <font size=4>Сервис позволяет разместить файл размером не более 1 Гб, <br>а так же фотографии размером до 10 000 X 10 000 пикселей <br> <br>Для перехода <a href="/media" target="_blank">кликните здесь</a> </font> </div> <div style="height:430px;overflow:auto" id="page-2"> <font size=4><b>Этот развлекательный портал, создан для вашего общения, а так же для получения новой информации. <br>Обычно вся информация связанная с данным сервером выкладывается на этот форум.</b> </font> <br> <br>Для перехода <a href="/porta.ru" target="_blank">кликните здесь</a> </div> <div style="height:430px;overflow:auto" id="page-3"> <font size=4><b>Однозначно этот проект считается худшим (по словам Администратора), но так же заслуживает внимания. <br>Это аналог торрент-трекера.</b> </font> <br> <br>Для перехода <a href="/tora.ru" target="_blank">кликните здесь</a> </div> </div> </body> </html>