Я центрировал меню Superfish Navbar на странице, но изо всех сил пытался найти способ центрировать подменю первого уровня на странице.
Я не мог разместить изображение здесь, так как у меня нет 10 репутации.
меню суперфиша подменю по центру
comment
Теперь вы можете :) пожалуйста, опубликуйте код css
- person Bigood schedule 17.07.2013
comment
На этот вопрос сложно ответить без кода. Вы можете создать скрипту, которая позволит получить ответ на ваш вопрос намного быстрее. Вероятно, вы можете повлиять на пункт меню, используя :first-child в css. #menuName ul li:first-child{ // код здесь };
- person schedule 17.07.2013
comment
Спасибо. Вот скрипка, jsfiddle.net/msathesh/uPzQW/1. Я пытаюсь получить подменю по центру относительно его родителя. Прямо сейчас подменю начинается с того места, где начинается главное меню, которое уже центрировано с указанной шириной и отступом: 0 auto; свойство. В этом проблема. Любая помощь приветствуется, ребята. Спасибо.
- person Sathesh schedule 18.07.2013
Ответы (1)
Вот хороший обходной путь:
Шаг 1. Создайте функцию Javascript для смещения подменю. Что-то вроде этого:
функция DisplaceSubMenu(myDistance){
document.getElementById("mySubMenu").style.margin-left= -myDistance;}
Помните: вы должны присвоить ненумерованному списку идентификатор "mySubMenu".
Шаг 2. Вызывайте функцию Javascript при наведении указателя мыши на "Главная" или "Сервисы", так как они содержат подменю. Вы делаете тот же вызов, но передаете атрибут «myDistance» в качестве пользовательского расстояния (проба и ошибка). Вот пример:
<a href="/" class="sf-with-ul" onmouseover="DisplaceSubMenu(30);">Home</a>
person
Wassim Taher
schedule
20.07.2013
Спасибо, Вассим, это еще один способ, я надеялся, что смогу использовать margin: 0 auto; в подменю, но я не могу понять по-другому.
- person Sathesh; 23.07.2013
Я бы предпочел делать это только с помощью CSS, но, к сожалению, в данном случае это единственное решение. Маржа: 0 авто; требуется контейнер div, что в данном случае невозможно, потому что у вас есть несколько подменю в разных позициях. Если мой ответ поможет, буду признателен, если вы отметите его как ответ на вопрос.
- person Wassim Taher; 23.07.2013
Я просто добавил уникальный класс к пунктам меню, у которых есть подменю, и вместо этого сделал это с помощью CSS. Это почти та же концепция, о которой упоминал здесь Вассим Тахер, но только с классами и CSS и без JS. Спасибо Вассим.
- person Sathesh; 25.07.2013
Замечательно. Я сделал это с помощью Javascript, потому что предполагал, что у вас будет больше подменю; поэтому нецелесообразно создавать уникальные стили для каждого пункта меню, и проще просто передать значение поля в JS. Я рад, что у вас все получилось. Удачи.
- person Wassim Taher; 25.07.2013
