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



 

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

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

Открыть тему
Тема закрыта
> Верстальщикам
Leonserion
Leonserion
Topic Starter сообщение 31.7.2011, 20:32; Ответить: Leonserion
Сообщение #1


Здравствуйте. Нужна срочная помощь с выпадающем меню. Делаю такое в первый раз, и как говориться, первый блин комом.
В общем, вот моя проблема:
У меня есть родительное меню (основное, из которого выпадает дополнительно меню).
<li><a href="/">Главная</a></li>


С помощью этого кода вывожу дополнительное:
<li><a href="/forum">Новое на форуме</a>
<ul>
<li class="last"><a href="asdsadasd">sadasd</a></li>
</ul>


Ну а вот и проблема... У меня в дополнительном меню списки li берут стили у родительского меню. То есть, допустим у меня в основном меню есть фон, и при наведении он меняется. Такое-же и в выпадающем меню. Это так-же и паддинг переноситься в эти списки. Собственно вопрос: как это исправить? Заранее просто огромное человеческое спасибо, так как мне это очень нужно. Задавайте вопросы, если не понятно в чем проблема
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
S1xteen
S1xteen
сообщение 31.7.2011, 21:08; Ответить: S1xteen
Сообщение #2


Может быть для стилей суб меню нужно добавить значение !important ?
Сам я не делал таких меню, и возможно не понял суть проблемы, если что, поправьте меня)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Leonserion
Leonserion
Topic Starter сообщение 31.7.2011, 21:14; Ответить: Leonserion
Сообщение #3


Поставил, не помогло...
Проблема в том, что стили переходят на все списки. А мне надо для суб. меню отдельные стили.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
S1xteen
S1xteen
сообщение 31.7.2011, 21:24; Ответить: S1xteen
Сообщение #4


Не помешало бы увидеть css код.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Leonserion
Leonserion
Topic Starter сообщение 31.7.2011, 21:28; Ответить: Leonserion
Сообщение #5


#navi { background: url('/files/menubg.gif') repeat-x; width: 100%; height: 40px;}
#menu {font-weight: bold; padding: 0 0 0 10px;height: 40px; width: auto; font-family:tahoma; font-size:11px; list-style:none;}
#menu li.last {float: left;margin: 0; text-shadow: 0 1px 0 #159900; background: none;}
#menu li a {text-decoration: none; display: block; padding: 0 12px; line-height: 40px;}
#menu.black a {color: #fff;}
#menu li {float: left;margin: 0; text-shadow: 0 1px 0 #159900; background: url('/files/rezdel.gif') no-repeat right top}
#menu.black li a:hover {background: url('/files/Untitled-1_07.gif') center bottom no-repeat;}
#menu li ul {display: none; position: absolute; background: url('http://savepic.net/1734559.gif') repeat; width: 120px; height:30px;line-height: 20px;}
#menu li ul:hover {display: none; position: absolute; background: url('http://savepic.net/1723295.gif') repeat; width: 120px; height:30px;line-height: 20px;}
#menu li ul a {display: block;}
#menu li:hover ul {display: block;}
#menu li:hover li ul {display: none;}
#menu li:hover li:hover ul {display: block;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
S1xteen
S1xteen
сообщение 31.7.2011, 22:03; Ответить: S1xteen
Сообщение #6


<ul class="submenu">
<li><a href="asdsadasd">sadasd</a></li>
</ul>


Зачем так усложнять css?

.submenu{
свойства для ul
}

.submenu li{
для выпадающих li
}


Советую переписать css с нуля, мне это часто помогало.
Странно, я хоть и неплохо знаком с css, но ваш код не могу понять

#menu li ul a {display: block;}

Насколько я знаю, нужно писать от большего к меньшему.
Правильнее так:
#menu ul li a {display: block;}


Но если пойти моим советом, можно сделать так.
.submenu li a {display: block;}


Также не нужно писать те свойства, без которых можно обойтись (но это уже совет по компактности кода).
Например,
{display: none; position: absolute; background: url('http://savepic.net/1734559.gif') repeat; width: 120px; height:30px;line-height: 20px;}

Опять же, не уверен, что в вашем случае такое точно подойдёт, но по идее, должно.
{display: none; position: absolute; background: url('http://savepic.net/1734559.gif') repeat; width: 120px; height:30px;line-height: 20px;}
Всё что курсивом, по моему, совсем не нужно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Man1keN
Man1keN
сообщение 31.7.2011, 22:09; Ответить: Man1keN
Сообщение #7


Используйте CSS Селекторы, а точнее E > F
ul > li для первого ур-ня
ul > li > ul > li для второго ур-ня и т.д.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Leonserion
Leonserion
Topic Starter сообщение 31.7.2011, 22:11; Ответить: Leonserion
Сообщение #8


Ладно, спасибо всем. Попробую все, что посоветуете. Закройте тему пожалуйста.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Goodlife
Goodlife
сообщение 3.8.2011, 12:17; Ответить: Goodlife
Сообщение #9


А в стилях Вы что то прописывали?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
ЗАБАНЕН ЗА КЛОНОВОДСТВО
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 17.4.2024, 0:15
Дизайн