Глюк с Оперой и QueryTabs

SlowDeath · September 26, 2010

В общем не хочет правильно отображаться следующий код в Опере, все кнопочки перемешиваются при их перемещении... (такое происходит только в этом браузере)

ПС. Заодно хотелось бы спросить, как заставить браузер запоминать положение этих кнопок (вероятно прибегнув к кукисам)

Код

<!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>

Edited September 27, 2010 by SlowDeath

Vlad · September 27, 2010

Не очень понятно, о каких кнопочках идет речь, в коде их нет. Искать и подключать же кучу скриптов нет никакого желания. Нужен скриншот или рабочий пример по какому-либо адресу.

SlowDeath · September 27, 2010

Не очень понятно, о каких кнопочках идет речь, в коде их нет. Искать и подключать же кучу скриптов нет никакого желания. Нужен скриншот или рабочий пример по какому-либо адресу.

Ну вкладочки =Р

В общем как и заказывали скриншоты, до и после перемещения этих кнопко-вкладок

PS. Возможно Вы подумаете, что эти кнопко-вкладки могут везде оставаться (то есть перемещаться в любое место на странице), но это не так, они просто меняются местами и из оранжевого поля убегать не могут и положение их фиксированное, то есть в одном углу...

Edited September 27, 2010 by SlowDeath

Sign In

Глюк с Оперой и QueryTabs

Question

SlowDeath

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

SlowDeath

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information