1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Мега меню

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем anna2, 22 апр 2015.

  1. anna2

    anna2

    Регистрация:
    22 апр 2015
    Сообщения:
    8
    Симпатии:
    0
    В мега меню слишком короткая длина строки и в длинных словах обрезаются последние буквы. Подскажите пожалуйста как исправить? Если можно подробно, в css я полный ноль.
    http://frame.kosova-art.ru/

    [​IMG]
     
  2. 2xDiP

    2xDiP

    Регистрация:
    20 окт 2013
    Сообщения:
    26
    Симпатии:
    1
    Скриншот проблемы бы, а то ведь не понятно...
     
  3. anna2

    anna2

    Регистрация:
    22 апр 2015
    Сообщения:
    8
    Симпатии:
    0
    Извините, уже дважды загружала, но не получилось. Пришлось вставить ссылку. По ссылке на сайте меню слева, при наведении на "Каталог" выпадающее меню, которое и нужно исправить.
     
  4. 2xDiP

    2xDiP

    Регистрация:
    20 окт 2013
    Сообщения:
    26
    Симпатии:
    1
    Здесь наверное только ширину столбца если поправить...

    На скриншоте:
    #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 { width: 20%;}
    Было:
    #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 { width:16.66%;}

    Если нужно еще шире: назначать только нужному столбцу, по его id больший width чем у остальных. Если будет вылезать за границы основного блока - расширить и его.

    Ну и всё в таком роде. Надеюсь, вы поняли.

    [​IMG]
     
    Последнее редактирование: 22 апр 2015
  5. anna2

    anna2

    Регистрация:
    22 апр 2015
    Сообщения:
    8
    Симпатии:
    0
    В универе высшая математика легче давалась :eek:
    Как это прописать?
    --- Добавлено, 22 апр 2015 ---
    Разобралась. Оказалось все просто. Спасибо огромное!!! :dance:
     
  6. anna2

    anna2

    Регистрация:
    22 апр 2015
    Сообщения:
    8
    Симпатии:
    0
    Рано я обрадовалась, шестая колонка меню съехала вниз...
     
  7. 2xDiP

    2xDiP

    Регистрация:
    20 окт 2013
    Сообщения:
    26
    Симпатии:
    1
    Если у вас не на localhost'е проект, можете дать ссылку - как говорится, на месте разберемся.
     
    Последнее редактирование: 22 апр 2015
  8. anna2

    anna2

    Регистрация:
    22 апр 2015
    Сообщения:
    8
    Симпатии:
    0
  9. 2xDiP

    2xDiP

    Регистрация:
    20 окт 2013
    Сообщения:
    26
    Симпатии:
    1
    Ну что же, проблема была не "столбцах".
    Увеличиваем
    #Top_bar .menu > li > ul.mfn-megamenu {width: 700px !important;}
    до 840 px и возвращаем обратно
    #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 {width:16.66%;}

    Можно конечно и меньше 840 сделать, смотрите сами сколько достаточно будет, что бы ничего не "обрезалось".
     
  10. anna2

    anna2

    Регистрация:
    22 апр 2015
    Сообщения:
    8
    Симпатии:
    0
    Строку прописала, но по факту ширина субменю не изменилась, остались все те же 700 пикс
    --- Добавлено, 23 апр 2015 ---
    Добавила название меню перед строкой и все заработало. Большое спасибо!!!
     
  11. 2xDiP

    2xDiP

    Регистрация:
    20 окт 2013
    Сообщения:
    26
    Симпатии:
    1
    Лучше не добавлять строки, а изменять те, что нужно.
     
  12. anna2

    anna2

    Регистрация:
    22 апр 2015
    Сообщения:
    8
    Симпатии:
    0