Адаптивное меню

Автор Тема: Адаптивное меню  (Прочитано 684 раз)

Оффлайн maloirАвтор темы

  • Бизнес оценка: (18, 100%)
  • КМС
  • *****
  • СПАСИБО: 918
  • Сообщений: 1547
  • Карма: 216
  • Пол: Мужской
  • Я часть той силы что вечно хочет зла но совершает
    • Просмотр профиля
    • Блог о паранормальном

Оффлайн maloirАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (18, 100%)
    • СПАСИБО: 918
    • Сообщений: 1547
    • Карма: 216
    • Пол: Мужской
    • Я часть той силы что вечно хочет зла но совершает
      • Просмотр профиля
      • Блог о паранормальном
Адаптивное меню
« : 23-05-2018, 14:23:30 »
Здравствуйте уважаемые форумчане, хочу сделать на сайте второе адаптивное горизонтальное меню или кнопки расположенные горизонтально. Сам сайт адаптивный но не предполагает второго меню. Примеров меню в инете куча, перепробовал десятки, но ни чего не получается, на мобильнике все работает, проблем нет, но на декскопной версии сайта создаваемое меню выглядит как обычный список. Что делаю не так не понимаю.
Помогите с меню или кнопками. Суть вопроса, нужно простое меню горизонтальное, что бы и на мобильной хорошо отображалось и на компьютерной версии сайта. Или просто помогите, что прописать в стилях для кнопок что бы они стали адаптивными и не вылезали в мобильнике за края.
Надеюсь внятно объяснил свою проблему. Сайт http://zakaz-taxi42.ru копки которые необходимо сделать под шапкой сайта синенькие.



Оффлайн ProtectYourSite

  • Бизнес оценка: (2, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 224
  • Сообщений: 532
  • Карма: 3
    • Просмотр профиля
    • Удаление вирусов на сайте с гарантией

Оффлайн ProtectYourSite

  • Ветеран
  • *****
Re: Адаптивное меню
« Ответ #1 : 24-05-2018, 10:26:53 »
Или не использовать таблицы, или таблице прописывать overflow: auto;

Оффлайн maloirАвтор темы

  • Бизнес оценка: (18, 100%)
  • КМС
  • *****
  • СПАСИБО: 918
  • Сообщений: 1547
  • Карма: 216
  • Пол: Мужской
  • Я часть той силы что вечно хочет зла но совершает
    • Просмотр профиля
    • Блог о паранормальном

Оффлайн maloirАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (18, 100%)
    • СПАСИБО: 918
    • Сообщений: 1547
    • Карма: 216
    • Пол: Мужской
    • Я часть той силы что вечно хочет зла но совершает
      • Просмотр профиля
      • Блог о паранормальном
Re: Адаптивное меню
« Ответ #2 : 24-05-2018, 10:41:37 »
Или не использовать таблицы, или таблице прописывать overflow: auto;
таблица сделано для того что бы было в горизонтальном виде в две колонки и ровно, так как в таком виде на мобильниках с большим экраном более менее сморится - это вообще не вариант просто пока я не знаю как сделать по другому, когда найду решение я вообще это удалю.
мне надо как то сделать в одну строчку восемь кнопок горизонтально что бы в мобильной  версии они не вылазили за края сайта

Онлайн Sorokin Vladimir

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 92
  • Сообщений: 421
  • Карма: 8
  • Пол: Мужской
  • Учиться никогда не поздно!
    • Просмотр профиля
    • Сделай сам

Онлайн Sorokin Vladimir

  • Старожил
  • ****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 92
    • Сообщений: 421
    • Карма: 8
    • Пол: Мужской
    • Учиться никогда не поздно!
      • Просмотр профиля
      • Сделай сам
Re: Адаптивное меню
« Ответ #3 : 24-05-2018, 11:26:33 »
Вот здесь архивчик, когда-то собрал разные варианты "адаптивных" менюшек, может что подберете, или идею используете....

http://transfiles.ru/uhgnw
Мой девиз:    Делу время, потехе – час!

Оффлайн maloirАвтор темы

  • Бизнес оценка: (18, 100%)
  • КМС
  • *****
  • СПАСИБО: 918
  • Сообщений: 1547
  • Карма: 216
  • Пол: Мужской
  • Я часть той силы что вечно хочет зла но совершает
    • Просмотр профиля
    • Блог о паранормальном

Оффлайн maloirАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (18, 100%)
    • СПАСИБО: 918
    • Сообщений: 1547
    • Карма: 216
    • Пол: Мужской
    • Я часть той силы что вечно хочет зла но совершает
      • Просмотр профиля
      • Блог о паранормальном
Re: Адаптивное меню
« Ответ #4 : 24-05-2018, 12:13:59 »
Вот здесь архивчик, когда-то собрал разные варианты "адаптивных" менюшек, может что подберете, или идею используете....
спасибо одно (причем единственное) нашел которое расположилось горизонтально, но оно сильно широкое , а как его сделать уже (меньше по высоте) разобраться не могу


Оффлайн vladkristsun

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 2
  • Сообщений: 86
  • Карма: 1
  • Пол: Мужской
    • Просмотр профиля

Оффлайн vladkristsun

  • Пользователь
  • **
Re: Адаптивное меню
« Ответ #5 : 29-05-2018, 12:06:12 »
Здравствуйте уважаемые форумчане, хочу сделать на сайте второе адаптивное горизонтальное меню или кнопки расположенные горизонтально. Сам сайт адаптивный но не предполагает второго меню. Примеров меню в инете куча, перепробовал десятки, но ни чего не получается, на мобильнике все работает, проблем нет, но на декскопной версии сайта создаваемое меню выглядит как обычный список. Что делаю не так не понимаю.
Помогите с меню или кнопками. Суть вопроса, нужно простое меню горизонтальное, что бы и на мобильной хорошо отображалось и на компьютерной версии сайта. Или просто помогите, что прописать в стилях для кнопок что бы они стали адаптивными и не вылезали в мобильнике за края.
Надеюсь внятно объяснил свою проблему. Сайт http://zakaz-taxi42.ru копки которые необходимо сделать под шапкой сайта синенькие.
Попробуйте ваше второе меню сделать с помощью flexbox.Его можно использовать тоЧeчно, меню будет адаптивным, и будет ужиматься как вам нужно.
Стабильный хостинг от https://uh.ua/

Оффлайн maloirАвтор темы

  • Бизнес оценка: (18, 100%)
  • КМС
  • *****
  • СПАСИБО: 918
  • Сообщений: 1547
  • Карма: 216
  • Пол: Мужской
  • Я часть той силы что вечно хочет зла но совершает
    • Просмотр профиля
    • Блог о паранормальном

Оффлайн maloirАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (18, 100%)
    • СПАСИБО: 918
    • Сообщений: 1547
    • Карма: 216
    • Пол: Мужской
    • Я часть той силы что вечно хочет зла но совершает
      • Просмотр профиля
      • Блог о паранормальном
Re: Адаптивное меню
« Ответ #6 : 29-05-2018, 13:35:15 »
Попробуйте ваше второе меню сделать с помощью flexbox.Его можно использовать тоЧeчно, меню будет адаптивным, и будет ужиматься как вам нужно.
если бы я умел...


Онлайн Sorokin Vladimir

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 92
  • Сообщений: 421
  • Карма: 8
  • Пол: Мужской
  • Учиться никогда не поздно!
    • Просмотр профиля
    • Сделай сам

Онлайн Sorokin Vladimir

  • Старожил
  • ****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 92
    • Сообщений: 421
    • Карма: 8
    • Пол: Мужской
    • Учиться никогда не поздно!
      • Просмотр профиля
      • Сделай сам
Re: Адаптивное меню
« Ответ #7 : 29-05-2018, 16:03:02 »
спасибо одно (причем единственное) нашел которое расположилось горизонтально, но оно сильно широкое , а как его сделать уже (меньше по высоте) разобраться не могу

какое меню? посмотрю что там...
Мой девиз:    Делу время, потехе – час!

Оффлайн maloirАвтор темы

  • Бизнес оценка: (18, 100%)
  • КМС
  • *****
  • СПАСИБО: 918
  • Сообщений: 1547
  • Карма: 216
  • Пол: Мужской
  • Я часть той силы что вечно хочет зла но совершает
    • Просмотр профиля
    • Блог о паранормальном

Оффлайн maloirАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (18, 100%)
    • СПАСИБО: 918
    • Сообщений: 1547
    • Карма: 216
    • Пол: Мужской
    • Я часть той силы что вечно хочет зла но совершает
      • Просмотр профиля
      • Блог о паранормальном
Re: Адаптивное меню
« Ответ #8 : 29-05-2018, 16:26:12 »
какое меню? посмотрю что там...
да я уже не помню, сейчас на сайте стоит, все нормально но между кнопками растояние разное.


Оффлайн Tojasida

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 3
  • Карма: 0
  • Пол: Мужской
  • Местный гений
    • Просмотр профиля

Оффлайн Tojasida

  • Дебютант
  • *
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 0
    • Сообщений: 3
    • Карма: 0
    • Пол: Мужской
    • Местный гений
      • Просмотр профиля
Re: Адаптивное меню
« Ответ #9 : 31-05-2018, 11:44:46 »
увидел слово таблицы - офигел..вроде не в 2010, флексбоксы и прочие штуки для удобной адаптивной верстки давно уже придумали


 

Похожие темы

  Тема / Автор Ответов Последний ответ
9 Ответов
1883 Просмотров
Последний ответ 04-07-2012, 16:09:00
от Clever
6 Ответов
1832 Просмотров
Последний ответ 07-12-2012, 17:32:12
от andreybm
29 Ответов
5517 Просмотров
Последний ответ 11-05-2015, 12:42:42
от ipnesterov
3 Ответов
771 Просмотров
Последний ответ 15-06-2015, 11:09:27
от zanuda
0 Ответов
596 Просмотров
Последний ответ 07-09-2015, 12:23:22
от Internet Solution Group