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

HTML, CSS

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

Войти

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

Рейтинг 4.73/11:

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

	Как сделать адаптивное горизонтальное меню? 11.11.2014, 10:47. Показов 2247. Ответов 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 Пункты меню (горизонтальная навигация)...

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

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

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

Наверх