почему не выпадает список #menu1. Вот код. 1.html Код (Text): <link rel="stylesheet" href="style.css" type="text/css"/> <ul id="menu"> <li class="kolonki"><a class="kolonki">Hello</a></li> <li class="kolonki"><a class="kolonki">World</a> <ul id="menu1"> <li>W</li> <li>O</li> <li>R</li> <li>LD</li> </ul> </li> <li class="kolonki"><a class="kolonki">DD!!!</a></li> </ul> style.css Код (Text): ul#menu li{ position: relative; list-style-type: none; display:inline-block; float: left; } ul#menu1 li{ position: absolute; left: -9999px; } ul#menu li.kolonki:hover #menu1 { display: block; left: 0; }
он выпадает где-то в районе минус девять тысяч девятьсот девяносто девяти пикселей. надо взять монитор побольше.
В ебеня вы убираете ul#menu1 li, т.е. li, а возвращаете почему-то ul#menu li.kolonki:hover #menu1, т.е. menu1, а не li. И да, при таком раскладе, если вы будете возвращать li, они у вас сольются. Добавлено спустя 47 секунд: и это, автор. Это наркомания, честно тебе скажу.
Многие любят ковырять вёрстку, делать именно свою, оригинальную, но почти все приходят к типовой. В чем смысл этого списка? Код (Text): <li>W</li> <li>O</li> <li>R</li> <li>LD</li>
смысл кода в том,что ul #menu1 изначально находится на 999пикселей и при наведении на li.kolonki список ul #menu1 всплывает на своем месте. вот анологичный код нашел здесь http://dedushka.org/uroki/6425.html но не смог разобраться можете ли вы объяснить что делает строка Код (Text): ul.dropdown li.dropdown-top:hover .dropdown-inside { display: block; left: 0; } из css?
ещё раз говорю, у вас не ul#menu1 на 999 уходит, у вас пункты LI уходят, а их вы НЕ ВОЗВРАЩАЕТЕ при ховере
Спосибо. а как сделать чтобы ul#menu1 ровно под World появлялось, есть какая то закавыка или потыкать с left-ом?
В вашем случае - каждому ли присваивать идентификатор и указывать каждому ли свои отступы, ибо вы все ли позиционировали абсолютно: Код (Text): ul#menu1 li{ position: absolute; Что есть наркомания. Пробуйте позиционировать не ли, а ul#menu1.
код поменял как надо. Код (Text): ul#menu li{ position: relative; list-style-type: none; display:inline-block; float: left; } ul#menu1{ position: absolute; left: -9999px; } ul#menu li.kolonki:hover ul#menu1 { display: block; left: -20;//здесь } но меню menu1 появляется под DD!!, тыкаю c left ,когда ставлю left меньше -22 O сливается с R и получается: W OR LD почему так выходит? и что сделать, чтобы все работало.
- Почему так выходит? - Потому что у вас float: left; - Что сделать, чтобы всё работало? - Переписать всё с нуля и нормально. Честно, тут нечего менять, почитайте лучше литературу и попробуйте снова с более обширными знаниями.