VPF::Неоднозначность HTML кода - Форум программистов

Pitbul

Дата 16.2.2010, 19:09 (ссылка)

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

Загрузка ...

Fruzenshtein

Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.4.2008
Где: Киев

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

Добрый день.

Решил модернизировать шаблон для WordPress'a с помощью горизонтальной менюшки:

Код


<ul id="mmenu">
    <li class="list"><a href="#">Здоровье</a></li>
        <ul>
            <li><a href="#">Спорт</a></li>
            <li><a href="#">Пища</a></li>
        </ul>
    <li class="list"><a href="#">Хобби</a></li>
        <ul>
            <li><a href="#">Музыка</a></li>
            <li><a href="#">Кино</a></li>
            <li><a href="#">Книги</a></li>
        </ul>
    <li class="list"><a href="#">Места</a></li>
</ul>

Вот стили к ней:

Код


    #mmenu {
        list-style: none;
    }
    #mmenu li.list { 
        width: 140px; 
        float: left;
        margin-left: -1px; 
        border: 1px black solid; 
        background-color: #999999; 
        text-align: center; }
    #mmenu li.list a { 
        display: block; 
        padding: 10px; 
    }
    #mmenu li.list ul { 
        margin-left: 0px;
        width: 100%;
        display: none; 
        border-top: 1px black solid; 
        text-align: left; 
        list-style: none;
        }
    #mmenu li.list:hover ul { 
        display: block; 
        }
    #mmenu li.list ul li a:hover { 
        background-color: #333; 
        }
    #mmenu a { 
        color: white; 
        } 
    #mmenu ul li a:hover { 
        text-decoration: none; 
        }
    #mmenu li.list { 
        background-color: #999999; 
        background-image: url(bg.gif); 
        }
    #mmenu li.list ul { 
        padding-bottom: 10px; 
        }

В целом она выглядит горизонтальной с выпадающими пунктами.

Но когда я ее пробую внедрить в шаблон показанный на сайте: http://menssource.com.ua/

То она выглядит хаотично и такое ощущение, что стили действуют только на первый уровень списка. Хотя CSS-код из исходника копирую в нужный файл.

Подскажите в чем проблема smile

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

### JAVA ###### programming ###

smartov

Дата 16.2.2010, 23:28 (ссылка)

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

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

Видимо в том, что там уже есть стили для .art-menu li
А вставлять я думаю ты пытаешься именно туда.

Pitbul

Дата 16.2.2010, 23:32 (ссылка)

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

Загрузка ...

Fruzenshtein

Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.4.2008
Где: Киев

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

Но я прописал своим li стили class="list" - отличные от .art-menu
Или это не смогло перекрыть действие .art-menu?
smile

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

### JAVA ###### programming ###

smartov

Дата 17.2.2010, 01:19 (ссылка)

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

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

Pitbul, то есть ты заменил ul с классом art-menu на свой, верно? Тогда все должно быть нормально.
Открой Firebug да посмотри, какие стили реально пирменились. Кто кого перекрыл. Там всё наглядно

http://grab.by/2t5v

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