Изучила основы html/css и вот решила сверстать страничку. И тут немного запуталась. Не могу понять очередности тегов (в смысле <div class=, а потом ul class="menu_list? можно ли так?), и почему не выводится выпадающее меню. В шапке вообще меню разъехалось по всей шапке. Что не так, подкорректируйте плиз. <div class="menu_nav"> <ul class="menu_list"> <li><a href="Rabbits.html">Rabbits</a></li> <ul class="submenu"> <li><a href="script_11.html">Submenu 1</a></li> <li><a href="script_11.html">Submenu 2</a></li> <li><a href="script_11.html">Submenu 3</a></li> </ul> <li><a href="Foxes.html">Foxes</a></li> <li><a href="Dogs.html">Dogs</a></li> <li><a href="Cats.html">Cats</a></li> <li><a href="Insects.html">Insects</a></li> </ul> </div> css .menu_nav { margin:0 auto 20px; padding:0; height:55px; text-align: center; } .menu_nav ul { list-style:none; padding:20; height:50px; float:none; background:#000; } .menu_nav menu_list { text-align:center;} .menu_nav ul li { margin:0; padding:0; float:left; } .menu_nav ul li a { display:block; margin:0; padding:19px 32px; font-size:15px; line-height:17px; font-weight:normal; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; background:none; } И кстати, на .menu_nav menu_list вообще почему-то не реагирует. Где тут ошибка?
Что за ответ? У меня не получается выпадающее окно... --- Добавлено --- Что-то не так с кодом. Подскажите плиз что?
конечно не так, стили не смотрел/не проверял, но даже визуально ясно где ошиблись, вот кусок Код (Text): <li><a href="Rabbits.html">Rabbits</a></li> <ul class="submenu"> <li><a href="script_11.html">Submenu 1</a></li> <li><a href="script_11.html">Submenu 2</a></li> <li><a href="script_11.html">Submenu 3</a></li> </ul> а должно быть как минимум так Код (Text): <li><a href="Rabbits.html">Rabbits</a> <ul class="submenu"> <li><a href="script_11.html">Submenu 1</a></li> <li><a href="script_11.html">Submenu 2</a></li> <li><a href="script_11.html">Submenu 3</a></li> </ul> </li> то есть структура выпадающего меню должна быть такова Код (Text): <li>Тут заголовок/пункт меню #1 c "выпадающим списком) <ul class="submenu"> <li>Тут подкатегория</li> <li>Тут подкатегория</li> <li>Тут подкатегория</li> </ul> </li> <li>Тут простой заголовок/пункт меню #2 </li> <li>Тут простой заголовок/пункт меню #3 </li> обращаем внимание на расстановку тегов <li> </li>, которыми "оборачивается" код выпадающего меню, то есть главная категория с подкатегориями не закрывается тегом сразу
И получилось блоком, типа так Rabbits Foxes Dogs Cats Submenu 1 Submenu 2 Submenu 3 Выпадающего меню все равно не получилось.
потому что теперь стоит верно прописать стили не знаю, можно ли тут размещать ссылки подобного рода, если что, пусть модераторы заранее простят... дам просто ссылку на мануал (который Вы и сами могли нагуглить) html5book.ru/vypadayushee-menu/ читайте, учитесь, впитывайте полезное