VPF::Посмотрите, пожалуйста, код - Форум программистов

slang

Дата 9.2.2008, 13:55 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 455
Регистрация: 7.3.2004

Репутация: нет
Всего: 0

Посмотрите, пожалуйста, код.
В Opera работает, а в IE (у меня стоит 6, хост в надежных узлах) - нет.

Код


<style>
<!--
ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; }
ul li { position: relative; }
li ul { position: absolute; left: 149px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; }
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; } * html ul li a { height: 1%; } /* End */
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */
li:hover ul, li.over ul { display: block; }
//-->
</style>
<script language=\"JavaScript\">
<!--
function open_tr(id)
{
        if (document.getElementById(id).style.display == 'block')
            document.getElementById(id).style.display = 'none';
        else
            document.getElementById(id).style.display = 'block';
}
function open_tr_pos(id)
{
        if (document.getElementById(id).style.display == 'block')
            document.getElementById(id).style.display = 'none';
        else
            document.getElementById(id).style.display = 'block';
}
//-->
</script>
<script type=\"text/javascript\" src=\"drop_down.js\"></script>
<ul id=\"nav\">
    <li><a href=\".\">В начало</a></li>
    <li><a href=\"#\">Справочники</a>
        <ul>
            <li><a href=\"?act=kadr&action=list\">Сотрудники</a></li>
            <li><a href=\"?act=otdel&action=list\">Отделения</a></li>
        </ul>
    </li>
    <li><a href=\"#\">Отчеты</a>
        <ul>
            <li><a href=\"#\">Первый</a></li>
            <li><a href=\"#\">Второй</a></li>
        </ul>
    </li>
    <li><a href=\"#\">Вход</a>
        <ul>
            <li><a href=\"#\">Войти</a></li>
            <li><a href=\"#\">Регистрация</a></li>
        </ul>
    </li>
    <li><a href=\"#\">Инсталяция</a>
        <ul>
            <!--<li><a href=\"?act=install&action=del\">Удаление таблиц</a></li>-->
            <li><a href=\"?act=install&action=create\">Создание таблиц</a></li>
        </ul>
    </li>
</ul>

Это сообщение отредактировал(а) slang - 9.2.2008, 13:59

Присоединённый файл ( Кол-во скачиваний: 4 )

drop_down.zip 0,36 Kb

--------------------

Запчасти на иномарки www.avtograd55.ru.
Если есть время - зайдите и посоветуйте что исправить и что доработать.

Ghirik

Дата 10.2.2008, 01:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 919
Регистрация: 26.3.2007

Репутация: 13
Всего: 20

Вот, так работает:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="en-us">
<title>Title block</title>
<style>
<!--
ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; }
ul li { position: relative; }
li ul { position: absolute; left: 149px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0; }
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; } * html ul li a { height: 1%; } /* End */
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */
li:hover ul, li.over ul { display: block; }
//-->
</style>
<script type="text/javascript">
<!--
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>
</head>
<body>
<ul id="nav">
    <li><a href=".">В начало</a></li>
    <li><a href="#">Справочники</a>
        <ul>
            <li><a href="?act=kadr&action=list">Сотрудники</a></li>
            <li><a href="?act=otdel&action=list">Отделения</a></li>
        </ul>
    </li>
    <li><a href="#">Отчеты</a>
        <ul>
            <li><a href="#">Первый</a></li>
            <li><a href="#">Второй</a></li>
        </ul>
    </li>
    <li><a href="#">Вход</a>
        <ul>
            <li><a href="#">Войти</a></li>
            <li><a href="#">Регистрация</a></li>
        </ul>
    </li>
    <li><a href="#">Инсталяция</a>
        <ul>
            <!--<li><a href=\"?act=install&action=del\">Удаление таблиц</a></li>-->
            <li><a href="?act=install&action=create">Создание таблиц</a></li>
        </ul>
    </li>
</ul>
</body>
</html>

Это сообщение отредактировал(а) Ghirik - 10.2.2008, 01:55

--------------------

Отдадим всё клиенту, пускай его машина мучается...

slang

Дата 10.2.2008, 10:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 455
Регистрация: 7.3.2004

Репутация: нет
Всего: 0

Ghirik, Спасибо ОГРОМНОЕ!!! smile

--------------------

Запчасти на иномарки www.avtograd55.ru.
Если есть время - зайдите и посоветуйте что исправить и что доработать.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »