Помощник
|
Верстальщикам |
Leonserion
|
Сообщение
#1
|
||
|
|
||
|
|||
S1xteen |
31.7.2011, 21:08;
Ответить: S1xteen
Сообщение
#2
|
|
Может быть для стилей суб меню нужно добавить значение !important ?
Сам я не делал таких меню, и возможно не понял суть проблемы, если что, поправьте меня) |
|
|
Leonserion
|
Сообщение
#3
|
|
Поставил, не помогло...
Проблема в том, что стили переходят на все списки. А мне надо для суб. меню отдельные стили. |
|
|
S1xteen |
31.7.2011, 21:24;
Ответить: S1xteen
Сообщение
#4
|
|
Не помешало бы увидеть css код.
|
|
|
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 |
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 |
31.7.2011, 22:09;
Ответить: Man1keN
Сообщение
#7
|
|
Используйте CSS Селекторы, а точнее E > F
ul > li для первого ур-ня ul > li > ul > li для второго ур-ня и т.д. |
|
|
Leonserion
|
Сообщение
#8
|
|
Ладно, спасибо всем. Попробую все, что посоветуете. Закройте тему пожалуйста.
|
|
|
Goodlife |
3.8.2011, 12:17;
Ответить: Goodlife
Сообщение
#9
|
|
|
А в стилях Вы что то прописывали?
-------------------- |
|
|
||
|
Текстовая версия | Сейчас: 18.4.2024, 14:41 |