Проблема с меню

LI может быть только дочерним элементом UL или OL. HTML 5 я (диотический, бессмысленный, тупой, излишний) Тег NAV НЕ является заменой UL в соотношении 1:1. вам нужно поместить в него UL. Если вы используете HTML 5, вам больше не нужно указывать type="text/css" вместо rel="stylesheet". То же самое касается type="text/JavaScript" в тегах

Пожалуйста, используйте код тег и:

 
<link rel="stylesheet" type="text/css" href="probniStyle.css">

HTML: Что там?

Серьезно? «Пожалуйста, используйте кодовый тег» — научитесь вести форум, пожалуйста? Во-первых, почему во всем святом вы используете для этой функции javascript? Создание раскрывающегося меню/изменение размера/переотображение - это HTML/CSS-работа, а не JavaScript.

Я не могу быть в восторге, просматривая этот беспорядок, но создать меню, которое меняет размер и запускает раскрывающийся список при достижении определенной точки останова, просто, и на форумах есть несколько примеров.

Поищите, например, посты @deathshadow.

CSS-файл — proniStyle.css — * { поле: 0 пикселей; отступ: 0 пикселей; } тело { семейство шрифтов: Arial; цвет: #FFF; } а { текстовое оформление: нет; цвет: #FFF; } ли { стиль списка: нет; } .menuButton { дисплей: нет; отступ: 6 пикселей; размер шрифта: 23 пикселя; граница: нет; } .header { дисплей: гибкий; гибкое направление: столбец; выравнивание текста: по центру; цвет фона: #066; } .навигация { дисплей: гибкий; оправдание-содержание: центр; } h1 { дополнение: 4 пикселя; } нав {дисплей: гибкий; } навигация { дисплей: блок; отступ: 8 пикселей; переход: фоновый цвет, легкость 200 мс; } навигация а: наведите { цвет фона: #076; } Только экран Скрытая информация :: Авторизуйтесь для просмотра »
и (максимальная ширина: 680 пикселей) { div.header div.navigation { гибкое направление: столбец; } div.header div.navigation nav { дисплей: нет; гибкое направление: столбец; } div.header div.navigation nav a { ширина: 100%; } .menuButton { дисплей: блок; курсор: указатель; цвет фона: #066; цвет: #FFF; переход: фоновый цвет, легкость 180 мс; } .menuButton:hover { цвет фона: #076; } }