>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Выпадающее меню для IE10

Голоса: +1

У меня вопрос. Как сделать выпадающее меню для IE10? Нашел кучу исходников и демашки на тех же сайтах. Демо на тех сайтах работает в IE10 нормально - выпадающее меню работает. Скачиваю исходник, загружаю на UCOZ для НАРОД.РУ - основное меню грузится, а выпадающее открываться не хочет (открывается только под FireFox и на компе). Вот тестовая страница с выпадающим меню загруженная на этот сервер:

http://dark-demon.narod.ru/demo.html

Эту страницу я сделал на базе одного из исходников. Исходник  без жавы. Только HTML и CSS. Исходник, загруженный сюда, также не работает в IE10, но работает в FireFox и на компе. В чем проблема - не пойму. В инете ответы на мой вопрос я так и не нашел.

 

| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

IE  cкорее всего не может переварить вот эту часть

  <li><a href="#" onclick>Главная</a></li>

Дайте исходники или где Вы нашли свое меню

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Вот код HTML со стилем:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{
/*IE6 :hover fix,
more info at http://www.devinrolsen.com/fix-css-pseudo-hover/ */
behavior:
font-family:"Times New Roman", Times, serif; font-size:14px;
}
/*Container***************************************************/
#navigation
{width:262px; height:337px; background:url('images/11.png') no-repeat;}
    /*First level menu****************************************/
    #navigation ul
    {   
        margin:0px;
        padding-top:93px;
        padding-left:0px;
    }
        /*First level list items******************************/
        #navigation ul li
        {
            display:inline;
            float:left;
            width:262px;
            text-align:center;
            line-height:20px;
            list-style:none;
            margin-left:0px;
            position:relative;
        }
            /*First level anchor tags************************/
            #navigation li a
            {
                color:#ffffff;
                text-decoration:none;
            }
            #navigation :hover
            {
                text-decoration:none;
                color:#ff0000;
            }
           
            /*Second level menu*****************************/
            #navigation li ul
            {
                background:url('images/12.png') no-repeat;
                display:none;
                left:0px;
                margin:0px;
                padding:0px;
                position:absolute;
                top:20px;
               
            }
            #navigation li:hover ul
            {
                display:block;
                width:262px;
                height:217px;
            }
               
                /*Second level list items*******************/
                #navigation li li
                {   
                    list-style:none;
                    display:list-item;
                }
                   
                    /*Second level anchors*****************/
                    #navigation li li a
                    {
                        color:#0000ff;
                        text-decoration:none;
                    }
                    #navigation li li a:hover
                    {
                        text-decoration:none;
                        color:#00ff00;
                    }

</style>
</head>

<body bgcolor="#000000">
<div id="navigation">
        <ul>
            <li>
            <b>
            <a href="#"><font size="4">Меню</font></a></b>
                <ul>
                      <li><a href="#" onclick>Главная</a></li>
                      <li><a href="#">Программы</a></li>
                      <li><a href="#">Компоненты</a></li>
                      <li><a href="#">Фото</a></li>
                      <li><a href="#">3D Модели</a></li>
                      <li><a href="#">Справочная</a></li>
                      <li><a href="#">Гостевая</a></li>
                      <li><a href="#">Обратная связь</a></li>
                </ul>
            </li>
        </ul>    
    </div>
</body>
</html>
| Автор:
...