всплывающее меню по середине

Тема в разделе "OpenCart", создана пользователем etens1212, 8 окт 2015.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    Привет всем, как мне сделать всплывающее меню по середине

    [​IMG]


    сайт http://k63367ru.bget.ru/
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.051
    Симпатии:
    779
    Учитывая разную ширину иконок меню, под которые нужно центровать выпадающие блоки, единственный вариант - подогнать каждый блок вручную через отрицательный margin.
     
  3. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    тогда но мобильной криво все будет(
    может как то через js можно?
     
  4. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    Можно через js задать расчет ширины экрана и от этого для каждого блока делать отрицательный маржен.

    Или. Блоки в меню отображать через display:table-cell, настроить им одинаковую ширину, что позволит выставить всплывающий элемент без скриптво по центру в нужном месте для всех сразу.
     
  5. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.051
    Симпатии:
    779
    Вы про media queries слышали?
    Никакого js! Он уже давно в вёрстке используется только в самых крайних случаях, к которым стилизация под разные устройства не относится.
     
  6. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    320
    Симпатии:
    16
    ну надо вот так сделать

    [​IMG]


    но сами категории по ширине другие
    использую супер меню

    думал можно отцентрировать в зависимост от категории
     
  7. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    Не усложняйте себе жизнь.
    Сделайте меню выпадающее с выравнивание текста по левому краю, а сам фон растяните на 100%. Туда же в блок добавьте баннер и будет счастье.
    Тем более текст и предоставление информации для русского населения идет слева направо. А когда все отцентровано, то это хаос какой то.
     
  8. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.051
    Симпатии:
    779
    Вы то ли не читаете, что я пишу, то ли не понимаете.
    Задаёте для каждого выпадающего блока отдельный отрицательный отступ слева в зависимости от ширины кнопки под которую центрируете и ширины самого блока. И делаете это через media queries, чтоб эти стили работали только для десктопа.
    Код:
    @media screen and (min-width: 768px){
        /*   стили для выпадающих блоков */
    }