русская поддержка PrestaShop.
Ответить Новая тема Новый опрос 
Всего: 2 1 2 >
 Top horizontal menu 1.3
Brantner
Новичок
Сообщений: 8
Регистрация: 08-05-2010
# 1
23-05-2010 03:09
Имеется модуль Top horizontal menu 1.3, идущий в комплекте с темой moon. На скрине видно, что в категории "для волос" есть 3 подкатегории, но 3-ю не видно из-за наложения на нее другого элемента темы. Также у подкатегорий сильно большая ширина, что приводит к появлению 2-й строки меню. Ковыряюсь в css, но так и не могу найти как это поправить. Буду благодарен за подсказки:) pokaz.jpg - Размер файла47.0KB (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
artyrnik
Новичок
Сообщений: 16
Регистрация: 05-05-2010
# 2
23-05-2010 07:02
modules/blocktopmenu/css/superfish-modified.css
Код:
.sf-menu a.sf-with-ul {
min-width:1px;
padding-right:3em; // регулируем ширину
}



Сообщение отредактировано artyrnik 23-05-2010 02:03 ...
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
artyrnik
Новичок
Сообщений: 16
Регистрация: 05-05-2010
# 3
23-05-2010 07:15
modules/blocktopmenu/css/superfish-modified.css
Код:
.sf-menu a {
border:0 none;
padding:9px 25px 0 0; //вторая цифра ширина
text-decoration:none;
}
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Brantner
Новичок
Сообщений: 8
Регистрация: 08-05-2010
# 4
23-05-2010 14:09
Спасибо, но
Цитата:
padding-right:3em
отвечает за ширину стрелочек в меню.
Цитата:
padding:9px 25px 0 0;
при редактировании 2-й цифры вообще никаких изменений не происходит.
Кстати, заметил, избыточная ширина у выпадающих подменю появляется только когда эти подменю наезжают на элемент ниже.


Сообщение отредактировано Brantner 23-05-2010 10:09 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
artyrnik
Новичок
Сообщений: 16
Регистрация: 05-05-2010
# 5
23-05-2010 14:39
возможно что кэш нужно очистить
ссылку на Ваш сайт дайте
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Artyom4D


Профессионал
Сообщений: 304
Откуда: Киев
Регистрация: 01-11-2009
# 6
23-05-2010 14:55
1. Там не один параметр надо было поменять чтобы отображалось нормально.
Попробуйте меню в аттаче.
Второе. Меню нормально не отображается в IE, выпадающий список находится уровнем ниже чем слайдмодуль в этой же теме. Потому что IE не понимает нормально z-index.
Поэтому в modules/editorial/slider/prod.css добавляем
.presta_slider ul {position: relative; left: 0; width:auto; overflow: hidden; z-index:1;}
У меня все заработало.


Вложения:

Вложения blocktopmenu.rar( Размер файла: 19.36KB Скачиваний: 322 )
 



Разработка, поддержка, оптимизация
-------------------------------------------------------
deadline-solutions.com; DS Super Slider 1.2; DS Comments
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Brantner
Новичок
Сообщений: 8
Регистрация: 08-05-2010
# 7
23-05-2010 17:32
Ссылку дать не могу - сайт пока лежит дома на локальном сервере.
Artyom4D, спасибо за архив. Добавил в свой css
Код:
.sf-menu ul {
    position: absolute;
    top:            -999em;
    width:            10em;
    z-index: 100;
}
и изменил position: absolute; на position: relative; (без этого все подменю отображались под первой ссылкой). Но все еще не добился того, что хотелось бы. Теперь подменю перекрывают слайдер, все видно нормально, но они расположены пикселей на 20 ниже самого меню. Свойство "top" почему-то эффекта никакого не дает.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Artyom4D


Профессионал
Сообщений: 304
Откуда: Киев
Регистрация: 01-11-2009
# 8
23-05-2010 18:25
То что в архиве, это рабочая версия.
кусок кода из superfish-modified.css
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.7em; /* match top ul list item height */
z-index: 1000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
 



Разработка, поддержка, оптимизация
-------------------------------------------------------
deadline-solutions.com; DS Super Slider 1.2; DS Comments
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Artyom4D


Профессионал
Сообщений: 304
Откуда: Киев
Регистрация: 01-11-2009
# 9
23-05-2010 18:28
Этот параметр отвечает за верхний отступ.
top: 2.7em; /* match top ul list item height */
 



Разработка, поддержка, оптимизация
-------------------------------------------------------
deadline-solutions.com; DS Super Slider 1.2; DS Comments
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Brantner
Новичок
Сообщений: 8
Регистрация: 08-05-2010
# 10
23-05-2010 18:32
Распаковывал архив - как раз была проблема с расположением всех подменю под первым элементом верхнего меню.
Поднял подменю изменив в
Код:
.sf-menu li.sfHover ul {
    left:            0;
    top:            0em; /* match top ul list item height */
    z-index:        99;
}
значение top на 0
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос 
Всего: 2 1 2 > 
 
© 2009г. Prestadev.ru – Русская поддержка PrestaShop
При использовании материалов активная ссылка на сайт обязательна.