Как сделать адаптивное горизонтальное меню? - HTML, CSS

HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Рейтинг 4.73/11:

@ВасилийПетров 0 / 0 / 0 Регистрация: 15.10.2014 Сообщений: 10

	Как сделать адаптивное горизонтальное меню? 11.11.2014, 10:47. Показов 2256. Ответов 1 Метки нет (Все метки) При уменьшении окна браузера, нужно чтобы текст в меню, заменялся пиктограммами. Выручайте!) 0

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

11.11.2014, 10:47

Ответы с готовыми решениями:

Адаптивное горизонтальное меню
Здравствуйте. Помогите настроить меню, чтобы при изменении ширины экрана пункты меню подстраивались друг под друга. Сейчас оно так и...

Горизонтальное выпадающее меню на html5/css3, адаптивное
Всем доброго времени суток! Сразу скажу, что в html5/css3 силён не особо. Делаю адаптивное меню с выпадающим списком. Есть исходный...

Горизонтальное меню. Как сделать на подобие?
На картинке внизу поста приложен вид конечного меню. Вот что у меня получилось. Но при изменении ширины все пункты меню влево. Еще...

monochromer

419 / 381 / 163

Регистрация: 03.01.2013

Сообщений: 966

11.11.2014, 11:16

При малом размере экрана текст уберите, пиктограммы включите, например, с помощью display: none и display: block/inline-block/....

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
.ico {
  display: none;
}
 
@media (max-width: 650px) {
  .text {
    display: none;
  }
  .ico {
    display: inline-block;
  }
 
}

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

11.11.2014, 11:16

Помогаю со студенческими работами здесь

Как сделать горизонтальное, выподающее меню на сайте?
Как сделать горизонтальное, выподающее меню на сайте? Сайт основан на системе юкоз, левое вертикальное меню не устраивает! Через...

Как сделать из вертикального сайдбара - горизонтальное меню
Всем привет!:) Подскажите, как сделать ГОРИЗОНТАЛЬНЫЙ навигатор из опций, открывающий в плавающем фрейме web-страницу с выбранной...

как сделать выпадающие горизонтальное меню на css?
нужно меню из 3-х пунктов с 3 выплывающими из каждого пункта!

Как сделать горизонтальное меню на платформе Jimdo
Здравствуйте. Начал делать сайт на платформе Jimdo (конструктор сайтов) Сайт problabla.jimdo.com (не знаю или можно ли ссылкой на...

Bootstrap3 - как сделать горизонтальное меню с двух-строчными пунктами?
Собственно сабж. Поясню - сайт на joomla, шаблон взялся писать на основе модняцкого T3 Framework Пункты меню (горизонтальная навигация)...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

Наверх