X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> меню на html+css, проблемы в ИЕ
Magister
Magister
Topic Starter сообщение 9.3.2009, 21:36; Ответить: Magister
Сообщение #1


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 5.3.2009
Поблагодарили: 2 раза
Репутация:   1  


У меня проблема с выпадающим CSS-меню.

Нашел в интернете вот такое меню:

CSS

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px; /* Width of Menu Items */
    border-bottom: 2px solid #A72C2E;
    border-right: 2px solid #A72C2E;

    }

#nav ul li {
    position: relative;
    }
    
#nav li ul {
    position: absolute;
    left: 149px; /* Set 1px less than menu width */
    top: 0;
    display: none;
    }

/* Styles for Menu Items */
#nav ul li a {
    display: block;
    text-decoration: none;
    color: #C7C6C6;
    background: #282A2C; /* IE6 Bug */
    padding: 2px;
    border: 1px solid #ccc;
    border-bottom: 0;
    }

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#nav ul li a:hover { color: #FFFFFF; background: #A72C2E; } /* Hover Styles */
        
#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
        
#nav li:hover ul, li.over ul { display: block; } /* The magic */


JS

startList = function() {
      if (document.all&&document.getElementById) {
            navRoot = document.getElementById("nav");
            for (i=0; i<navRoot.childNodes.length; i++) {
                  node = navRoot.childNodes[i];
                  if (node.nodeName=="li") {
                        node.onmouseover=function() {
                              this.className+=" over";
                        }
                        node.onmouseout=function() {
                              this.className=this.className.replace »
                              (" over", "");
                        }
                  }
            }
      }
}
window.onload=startList;


Затем структура меню:

<script type="text/javascript" src="/menu/drop_down.js"></script>
<div id="nav" align="center">
<ul id="nav">  
  <li><a href="/"><strong>ГЛАВНАЯ СТРАНИЦА</strong></a></li>
  <li><a href="/forum/"><strong>НАШ ФОРУМ</strong></a></li>
  <li><a href="/downloads/"><strong>ФАЙЛОВЫЙ АРХИВ</strong></a>
      <ul>
          <li><a href="/downloads/"><strong>ПОСЛЕДНИЕ ФАЙЛЫ</strong></a></li>  
              <li><a href="/downloads/cat57.html"><strong>FIFA 2009</strong></a></li>  
              <li><a href="/downloads/cat44.html"><strong>FIFA 2008</strong></a></li>
              <li><a href="/downloads/cat30.html"><strong>FIFA 2007</strong></a></li>
              <li><a href="/downloads/cat55.html"><strong>UEFA EURO 2008</strong></a></li>
              <li><a href="/downloads/cat40.html"><strong>UEFA CL 06/07</strong></a></li>
              <li><a href="/downloads/cat24.html"><strong>ФУТБОЛЬНАЯ МУЗЫКА</strong></a></li>
              <li><a href="/downloads/cat22.html"><strong>ФУТБОЛЬНОЕ ВИДЕО</strong></a></li>    
          </ul></li>
  <li><a href="/sections/"><strong>СТАТЬИ</strong></a>
      <ul>
          <li><a href="/sections/top16.html"><strong>FIFA 2009</strong></a></li>  
              <li><a href="/sections/top14.html"><strong>FIFA 2008</strong></a></li>  
              <li><a href="/sections/top11.html"><strong>FIFA 2007</strong></a></li>
              <li><a href="/sections/top15.html"><strong>UEFA EURO 2008</strong></a></li>
              <li><a href="/sections/top13.html"><strong>UEFA CL 06/07</strong></a></li>
              <li><a href="/sections/top6.html"><strong>FIFA World Cup 2006</strong></a></li>
          </ul></li>  
  <li><a href="/"><strong>ИНФOРМАЦИЯ О FIFA</strong></a>
      <ul>
          <li><a href="/controls.php"><strong>УПРАВЛЕНИЕ В FIFA</strong></a></li>
          <li><a href="/tactics.php"><strong>ТАКТИКА НАП/ЗАЩ</strong></a></li>
          <li><a href="/sxemy.php"><strong>ИГРОВЫЕ СХЕМЫ</strong></a></li>
          <li><a href="/positions.php"><strong>ПОЗИЦИИ ИГРОКОВ</strong></a></li>
          </ul></li>  
  <li><a href="/fifa09guide/"><strong>МАНУАЛ ПО FIFA 09</strong></a></li>
  <li><a href="/tutorials.php"><strong>ТУТОРИАЛЫ ПО FIFA</strong></a></li>
  <li><a href="/music.php"><strong>МУЗЫКА ИЗ FIFA</strong></a></li>
  <li><a href="/wcg.php"><strong>FIFA НА WCG</strong></a></li>
  <li><a href="/gallery/"><strong>ГАЛЕРЕЯ</strong></a></li>
  <li><a href="/"><strong>ВИДЕОРАЗДЕЛЫ</strong></a>
      <ul>
          <li><a href="/video_npcl/"><strong>НПКЛ</strong></a></li>  
              <li><a href="/video_1gtv/"><strong>ВИРТУАЛЬНЫЙ ФУТБОЛ</strong></a></li>  
          </ul></li>  
  <li><a href="/forum/index.php?showforum=5"><strong>НАШИ ТУРНИРЫ</strong></a></li>
  <li><a href="http://league.fifarus.ru/"><strong>ФИФАЛИГА</strong></a></li>
  <li><a href="/about_ea.php"><strong>О КОМПАНИИ EA</strong></a></li>
  <li><a href="/about.php"><strong>О НАШЕМ САЙТЕ</strong></a></li>
  <li><a href="/links.php"><strong>ССЫЛКИ</strong></a></li>  
</ul> </div><br />


Ошибка: в IE при выпадении подпункта меню не устанавливается курсор. Когда его наводишь на подменю, то оно исчезает.
В Опере все нормально.

Вы спросите, зачем у меня


<div id="nav" align="center">
<ul id="nav">


Фишка в том, что мне надо было меню процентровать. Добавил <div align="center">. Но меню не хотело работать с <ul id="nav">. В другом примере увидел, что кто-то в div засунул id="nav", вставил - и все заработало. Если убрать id="nav" из ul то меню все равно будет работать.

Помогите с ИЕ все таки, буду очень признателен.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Кошак
Кошак
сообщение 9.3.2009, 21:47; Ответить: Кошак
Сообщение #2


Частый гость
**

Группа: User
Сообщений: 89
Регистрация: 9.3.2009
Поблагодарили: 11 раз
Репутация:   2  


Человек, я несу свет во тьму твоего сознания. Познай, что выпадающее меню можно сделать и без js! И будет такое меню лучше и надежнее. Вот. Ну а теперь серьезно. http://www.cssplay.co.uk/menus/ выбирай, качай, копайся и подбивай под себя.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sumie
sumie
сообщение 10.3.2009, 16:21; Ответить: sumie
Сообщение #3


Новичок
*

Группа: User
Сообщений: 30
Регистрация: 7.3.2009
Поблагодарили: 1 раз
Репутация:   0  


(Кошак @ 9.3.2009, 20:47) *
Человек, я несу свет во тьму твоего сознания. Познай, что выпадающее меню можно сделать и без js! И будет такое меню лучше и надежнее. Вот. Ну а теперь серьезно. http://www.cssplay.co.uk/menus/ выбирай, качай, копайся и подбивай под себя.

блин, а можно еще менюшку чтоб элементы меню были в отдельном файле, например xml? только прошу меню без флеша.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Кошак
Кошак
сообщение 10.3.2009, 16:55; Ответить: Кошак
Сообщение #4


Частый гость
**

Группа: User
Сообщений: 89
Регистрация: 9.3.2009
Поблагодарили: 11 раз
Репутация:   2  


(sumie @ 10.3.2009, 15:21) *
блин, а можно еще менюшку чтоб элементы меню были в отдельном файле, например xml? только прошу меню без флеша.

Гм... Не понял задачи. Т.е. нужна менюшка, упакованная в xml, который будет разбираться скриптом и выводиться в виде выпадающего меню css?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sumie
sumie
сообщение 10.3.2009, 17:17; Ответить: sumie
Сообщение #5


Новичок
*

Группа: User
Сообщений: 30
Регистрация: 7.3.2009
Поблагодарили: 1 раз
Репутация:   0  


кошак, я ищу вертикальное меню с выпадающими подменю (желательно настраиваемые - выпад влево или вправо). технология не особо важна css js, но не флеш! а смысл в том, чтобы структура (названия элементов и ссылки) не была прописана в самой странице, а лежала отдельным файлом или в файле скрипта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Кошак
Кошак
сообщение 10.3.2009, 17:21; Ответить: Кошак
Сообщение #6


Частый гость
**

Группа: User
Сообщений: 89
Регистрация: 9.3.2009
Поблагодарили: 11 раз
Репутация:   2  


(sumie @ 10.3.2009, 16:17) *
кошак, я ищу вертикальное меню с выпадающими подменю (желательно настраиваемые - выпад влево или вправо). технология не особо важна css js, но не флеш! а смысл в том, чтобы структура (названия элементов и ссылки) не была прописана в самой странице, а лежала отдельным файлом или в файле скрипта.

Честно скажу, за все время работы я таких готовых решений не встречал. Но для вашей задачи можно сделать простейший парсер xml, который будет формировать меню в нужном виде. Могу сделать за небольшое вознаграждение. Стукните в аську 427-709-091.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1069 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) Как привязать меню к кнопке <nav> ?
2 pippak 904 11.12.2017, 15:57
автор: Nell
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 575 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Вёрстка. Per aspera ad html.
С радостью принимаю заказы по вёрстке.
3 ValeryRar 456 1.12.2017, 11:02
автор: ValeryRar
Открытая тема (нет новых ответов) Исправлю HTML ошибки на страницах Вашего сайта
10 guruapps 1208 30.11.2017, 22:59
автор: maxim1249


 



RSS Текстовая версия Сейчас: 17.12.2017, 8:36
Дизайн