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



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> li:hover в IE7
TihON_oO
TihON_oO
Topic Starter сообщение 29.10.2008, 14:36; Ответить: TihON_oO
Сообщение #1


Я знаю, что это избитая тема, но не писал, если б не возникло траблы с выпадающим меню. :wacko:

Вот код моего меню:


<style type='text/css'>
ul {
margin: 5;
padding: 5;
list-style: none;
width: 150px;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: black;
background: #fff;
padding: 2px;
border: 0px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 0px solid #ccc;
}

</style>

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<div id='menu'>
<ul id='nav'>
<ul>
<li><a href='http://econkmm.ru/'>Главная страница</a></li>
<li><a href='#'>О кафедре</a>
<ul>
<li><a href='viewpage.php?page_id=17'>Основная информация</a></li>
<li><a href='viewpage.php?page_id=16'>Истроя кафедры</a></li>
</ul>
</li>
<li><a href='#'>Преподаватели</a>
<ul>
<li><a href='viewpage.php?page_id=15'>Основная информация</a></li>
<li><a href='viewpage.php?page_id=1'>Преподатели</a></li>
<li><a href='viewpage.php?page_id=18'>Публикации наших преподавателей</a></li>
</ul>
</li>
<li><a href='#'>Специальности и специализации</a>
<ul>
<li><a href='viewpage.php?page_id=19'>Основная информация</a></li>
<li><a href='viewpage.php?page_id=27'>Менеджмент</a></li>
<li><a href='viewpage.php?page_id=28'>Маркетинг</a></li>
<li><a href=' viewpage.php?page_id=29'>MBA</a></li>
</ul>
</li>
<ul>

<li><a href='viewpage.php?page_id=31'>Учебная литература</a>
<ul>
<li><a href='viewpage.php?page_id=32'>Литература по читаемым дисциплинам</a></li>
</li>

</ul>
</div>

<script type='text/javascript'>
<!--
function initMenu() {
var points = document.getElementById('nav').getElementsByTagName('li');
var zi = 10000;
for (var i=0; i<points.length; i++) {
points[i].onmouseover = function() {this.className += 'hover';}
points[i].onmouseout = function() {this.className = this.className.replace('hover', '');}
points[i].style.zIndex = zi--;
}
}
if (document.all && !window.opera) attachEvent('onload', initMenu);
//--
>
</script>";
По идее всё должно нормально работать...но...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TihON_oO
TihON_oO
Topic Starter сообщение 29.10.2008, 14:40; Ответить: TihON_oO
Сообщение #2


Этот код стоит в php-fusion в панели, поэтому оформлен

openside("Навигация");
  echo "ЗДЕСЬ МОЙ СКРИПТ";
closeside();
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TihON_oO
TihON_oO
Topic Starter сообщение 30.10.2008, 18:14; Ответить: TihON_oO
Сообщение #3


хм...неужели помочь некому????
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 30.10.2008, 18:27; Ответить: MetSerp
Сообщение #4


Я не уверен, но кажется для эксплоеров там еще и ява надо заюзать потому что они уверенны что ховер только для тега а подходит. Приду домой посмотрю в исходниках у себя
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 30.10.2008, 21:46; Ответить: Exterior
Сообщение #5


TihON_oO, во-первых, не ява, а яваскрипт - это разные вещи;
во-вторых, там откуда был скопирован код вышеприведенного меню, надо было всего заменить пункты меню на свои. А тот код который вы привели не заработает, хотя бы потому, что структура html-страницы сама по себе не правильна, и скрипт не в том месте.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TihON_oO
TihON_oO
Topic Starter сообщение 30.10.2008, 22:09; Ответить: TihON_oO
Сообщение #6


Exterior то, что яваскрипт, я знаю...просто так короче...код меню я копировал не оттуда, только сам скрипт явы оттуда брал.

Exterior сейчас полностью оттуда возьму, проверю, снкс за помощь, я даже не думал, что хтмл не правильно...а где скрипт стоять должен?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 30.10.2008, 22:15; Ответить: Exterior
Сообщение #7


в примере все указано
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TihON_oO
TihON_oO
Topic Starter сообщение 30.10.2008, 22:19; Ответить: TihON_oO
Сообщение #8


сейчас буду разбираться, снкс за помощь
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TihON_oO
TihON_oO
Topic Starter сообщение 30.10.2008, 22:33; Ответить: TihON_oO
Сообщение #9


хм..там внятный пример, но меню вертикальное...мне горизонтально-выпадающее надо (((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 30.10.2008, 22:41; Ответить: Exterior
Сообщение #10


тут пример вертикального -> При наведении на меню уезжает футер
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с hover
1 Invert_hb 3764 13.1.2017, 14:48
автор: -vasian7474-
Открытая тема (нет новых ответов) Верстка под safari на flex + hover
0 Spirtikys 5436 6.10.2016, 12:06
автор: -Spirtikys-
Открытая тема (нет новых ответов) Черная рамка вокруг button в IE7
0 Power_mw 1707 17.8.2012, 13:53
автор: Power_mw
Открытая тема (нет новых ответов) Нужна помощь, меню съежает вправо в opera и ie7, помогите пожалуйста.
2 karatai 4004 25.12.2010, 21:09
автор: -RayOfLight-
Открытая тема (нет новых ответов) Помогите с background'ом a:hover'a
1 TheDesigners 6724 5.4.2009, 14:29
автор: -Apay-


 



RSS Текстовая версия Сейчас: 18.4.2024, 11:54
Дизайн