drewz Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Проблема в следующем: см. скрин: Это верхнее горизонтально меню. Стоит ocstore 1.5.1.3 Код этого куска выглядит след. образом: <li> <a href="ххх/">Концевые выключатели</a> <div style="margin-left: -62px;"> <ul> <li> <a href="ххх/">Промфактор концевые выключатели (10)</a> </li> </ul> </div> </li> Смещение дочернего блока происходит как раз из-за margin-left: -62px; Если прямо в браузере поправить это значение на -66px, то все становится на свои места: Все бы хорошо, но я никак не могу найти, где генерируется или откуда берется это значение?! В CSS его нету, в header.tpl тоже... Да и вообще оно появляется только на крайнем элементе меню, на остальных <div> идет без стилей.. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
Гость Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 ссылку на сайт дайте, посмотрим Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 http://eltehno.com.ua спасибо! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 найдите и подправьте в stylesheet.css параметр: #menu > ul > li > div {left:-5px;} однако, это кривой костыль. У вас в файле шаблона стили применяются, что не есть гуд. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 (изменено) У вас в файле шаблона стили применяются, что не есть гуд. можно, пожалуйста, детальнее, где именно? я вижу, что некоторые отдельные элементы имеют свои стили, но вроде глобальных вставок CSS нету. или я что-то упустил? upd: подправил праметр, как Вы сказали. с left:-5px; вообще ничего не произошло, а с margin-left:-5px; поплыли все дочерние пункты меню.. (( Изменено 16 марта 2013 пользователем drewz Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 видимо, в блоке, отвечающем за вывод подменю. Я вижу там встроеный стиль. Он-то и забивает css. Покажите, что у вас в header.tpl после <div id="menu"> Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 вот. дальше ничего нету <?php if ($categories) { ?> <div id="menu"> <ul> <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> <?php if ($category['children']) { ?> <div> <?php for ($i = 0; $i < count($category['children']);) { ?> <ul> <?php $j = $i + ceil(count($category['children']) / $category['column']); ?> <?php for (; $i < $j; $i++) { ?> <?php if (isset($category['children'][$i])) { ?> <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li> <?php } ?> <?php } ?> </ul> <?php } ?> </div> <?php } ?> </li> <?php } ?> </ul> </div> <?php } ?> <div id="line"></div> <div id="notification"></div> Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Да и вообще оно появляется только на крайнем элементе меню, на остальных <div> идет без стилей.. Ан нет. На предпоследнем пункте вижу margin-left: -113px; Так что это какое-то очень сильное колдунство. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Ан нет. На предпоследнем пункте вижу margin-left: -113px; Так что это какое-то очень сильное колдунство. действительно...я и не заметил.. колдунство очень сильное, только где от него ноги растут? ) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 И колдунство, видимо, заключается в #menu > ul > li:hover там бордер 2 пикселя толщиной. Думается мне, что загвоздка именно в этом. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 попробовал бордер поставить в 1px, все равно идет смещение... Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Или это не колдунство, а функция движка. Нет под рукой чистой сборки, да и заниматься некогда. Нужно попробовать на стандартной теме "забить" в ширину категориями/подкатегориями меню и поглядеть, как оно формируется. Тогда действительно не исключено, что толстенькие обводки "сбивают прицел". upd: и категории и подкатегории? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 сейчас вообще убрал бордеры..все равно div'у присваивается какой-то непонятный margin-left: -46px; (было -62) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 А если попробовать решение из поста #4, только заставить его быть !important ? Интересно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Для крайних правых сработало. Встали на место, но теперь проблема со всеми остальными - левый края выпадающих меню, соответственно сдвинулись на эти же 5px влево.. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 #menu - левый паддинг обнулить? Но это уже явно кривень несусветный :-D вобщем, думать нужно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. Я вообще не могу понять зачем там дивы в списке. На вашем месте я бы из меню убрал дивы и переверстал меню. У вас меню конечно специфическое, я бы или в php добавил id категорий или с помощью псевдоклассов выкручивается http://htmlbook.ru/css/nth-child , конечно может если подумать то и более ровное решение можно найти. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 18 марта 2013 Автор Поделиться Опубликовано: 18 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 19 марта 2013 Поделиться Опубликовано: 19 марта 2013 как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести <div> и ему просто будет нечего двигать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... dram Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... askirov Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 Нужно все бордеры сделать в одном стиле, а то у вас при li:hover бордер 2 px а в спокойном 1 px вот и косячит. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 21 марта 2013 Автор Поделиться Опубликовано: 21 марта 2013 <p> вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести</p><div>и ему просто будет нечего двигать попробовал убрать div, все меню пошло косяками.. (( #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } </div>сделал ваш вариант..практически ничего не изменилось (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 21 марта 2013 Поделиться Опубликовано: 21 марта 2013 <p> попробовал убрать div, все меню пошло косяками.. (( </div> сделал ваш вариант..практически ничего не изменилось (( Конечно если убрать див то нужно ввертываться второй уровень меню. Конечно трудно придется без знания верстки магазин вести. Допишите тогда кусок в цсс: #menu li:nth-child(7) div { margin-left: -65px !important; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина Поправить меню Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 (изменено) У вас в файле шаблона стили применяются, что не есть гуд. можно, пожалуйста, детальнее, где именно? я вижу, что некоторые отдельные элементы имеют свои стили, но вроде глобальных вставок CSS нету. или я что-то упустил? upd: подправил праметр, как Вы сказали. с left:-5px; вообще ничего не произошло, а с margin-left:-5px; поплыли все дочерние пункты меню.. (( Изменено 16 марта 2013 пользователем drewz Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 видимо, в блоке, отвечающем за вывод подменю. Я вижу там встроеный стиль. Он-то и забивает css. Покажите, что у вас в header.tpl после <div id="menu"> Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 вот. дальше ничего нету <?php if ($categories) { ?> <div id="menu"> <ul> <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> <?php if ($category['children']) { ?> <div> <?php for ($i = 0; $i < count($category['children']);) { ?> <ul> <?php $j = $i + ceil(count($category['children']) / $category['column']); ?> <?php for (; $i < $j; $i++) { ?> <?php if (isset($category['children'][$i])) { ?> <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li> <?php } ?> <?php } ?> </ul> <?php } ?> </div> <?php } ?> </li> <?php } ?> </ul> </div> <?php } ?> <div id="line"></div> <div id="notification"></div> Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Да и вообще оно появляется только на крайнем элементе меню, на остальных <div> идет без стилей.. Ан нет. На предпоследнем пункте вижу margin-left: -113px; Так что это какое-то очень сильное колдунство. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Ан нет. На предпоследнем пункте вижу margin-left: -113px; Так что это какое-то очень сильное колдунство. действительно...я и не заметил.. колдунство очень сильное, только где от него ноги растут? ) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 И колдунство, видимо, заключается в #menu > ul > li:hover там бордер 2 пикселя толщиной. Думается мне, что загвоздка именно в этом. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 попробовал бордер поставить в 1px, все равно идет смещение... Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Или это не колдунство, а функция движка. Нет под рукой чистой сборки, да и заниматься некогда. Нужно попробовать на стандартной теме "забить" в ширину категориями/подкатегориями меню и поглядеть, как оно формируется. Тогда действительно не исключено, что толстенькие обводки "сбивают прицел". upd: и категории и подкатегории? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 сейчас вообще убрал бордеры..все равно div'у присваивается какой-то непонятный margin-left: -46px; (было -62) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 А если попробовать решение из поста #4, только заставить его быть !important ? Интересно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Для крайних правых сработало. Встали на место, но теперь проблема со всеми остальными - левый края выпадающих меню, соответственно сдвинулись на эти же 5px влево.. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 #menu - левый паддинг обнулить? Но это уже явно кривень несусветный :-D вобщем, думать нужно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. Я вообще не могу понять зачем там дивы в списке. На вашем месте я бы из меню убрал дивы и переверстал меню. У вас меню конечно специфическое, я бы или в php добавил id категорий или с помощью псевдоклассов выкручивается http://htmlbook.ru/css/nth-child , конечно может если подумать то и более ровное решение можно найти. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 18 марта 2013 Автор Поделиться Опубликовано: 18 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 19 марта 2013 Поделиться Опубликовано: 19 марта 2013 как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести <div> и ему просто будет нечего двигать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... dram Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... askirov Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 Нужно все бордеры сделать в одном стиле, а то у вас при li:hover бордер 2 px а в спокойном 1 px вот и косячит. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 21 марта 2013 Автор Поделиться Опубликовано: 21 марта 2013 <p> вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести</p><div>и ему просто будет нечего двигать попробовал убрать div, все меню пошло косяками.. (( #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } </div>сделал ваш вариант..практически ничего не изменилось (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 21 марта 2013 Поделиться Опубликовано: 21 марта 2013 <p> попробовал убрать div, все меню пошло косяками.. (( </div> сделал ваш вариант..практически ничего не изменилось (( Конечно если убрать див то нужно ввертываться второй уровень меню. Конечно трудно придется без знания верстки магазин вести. Допишите тогда кусок в цсс: #menu li:nth-child(7) div { margin-left: -65px !important; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина Поправить меню Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 вот. дальше ничего нету <?php if ($categories) { ?> <div id="menu"> <ul> <?php foreach ($categories as $category) { ?> <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a> <?php if ($category['children']) { ?> <div> <?php for ($i = 0; $i < count($category['children']);) { ?> <ul> <?php $j = $i + ceil(count($category['children']) / $category['column']); ?> <?php for (; $i < $j; $i++) { ?> <?php if (isset($category['children'][$i])) { ?> <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li> <?php } ?> <?php } ?> </ul> <?php } ?> </div> <?php } ?> </li> <?php } ?> </ul> </div> <?php } ?> <div id="line"></div> <div id="notification"></div> Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Да и вообще оно появляется только на крайнем элементе меню, на остальных <div> идет без стилей.. Ан нет. На предпоследнем пункте вижу margin-left: -113px; Так что это какое-то очень сильное колдунство. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Ан нет. На предпоследнем пункте вижу margin-left: -113px; Так что это какое-то очень сильное колдунство. действительно...я и не заметил.. колдунство очень сильное, только где от него ноги растут? ) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 И колдунство, видимо, заключается в #menu > ul > li:hover там бордер 2 пикселя толщиной. Думается мне, что загвоздка именно в этом. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 попробовал бордер поставить в 1px, все равно идет смещение... Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Или это не колдунство, а функция движка. Нет под рукой чистой сборки, да и заниматься некогда. Нужно попробовать на стандартной теме "забить" в ширину категориями/подкатегориями меню и поглядеть, как оно формируется. Тогда действительно не исключено, что толстенькие обводки "сбивают прицел". upd: и категории и подкатегории? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 сейчас вообще убрал бордеры..все равно div'у присваивается какой-то непонятный margin-left: -46px; (было -62) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 А если попробовать решение из поста #4, только заставить его быть !important ? Интересно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Для крайних правых сработало. Встали на место, но теперь проблема со всеми остальными - левый края выпадающих меню, соответственно сдвинулись на эти же 5px влево.. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 #menu - левый паддинг обнулить? Но это уже явно кривень несусветный :-D вобщем, думать нужно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. Я вообще не могу понять зачем там дивы в списке. На вашем месте я бы из меню убрал дивы и переверстал меню. У вас меню конечно специфическое, я бы или в php добавил id категорий или с помощью псевдоклассов выкручивается http://htmlbook.ru/css/nth-child , конечно может если подумать то и более ровное решение можно найти. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 18 марта 2013 Автор Поделиться Опубликовано: 18 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 19 марта 2013 Поделиться Опубликовано: 19 марта 2013 как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести <div> и ему просто будет нечего двигать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... dram Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... askirov Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 Нужно все бордеры сделать в одном стиле, а то у вас при li:hover бордер 2 px а в спокойном 1 px вот и косячит. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 21 марта 2013 Автор Поделиться Опубликовано: 21 марта 2013 <p> вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести</p><div>и ему просто будет нечего двигать попробовал убрать div, все меню пошло косяками.. (( #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } </div>сделал ваш вариант..практически ничего не изменилось (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 21 марта 2013 Поделиться Опубликовано: 21 марта 2013 <p> попробовал убрать div, все меню пошло косяками.. (( </div> сделал ваш вариант..практически ничего не изменилось (( Конечно если убрать див то нужно ввертываться второй уровень меню. Конечно трудно придется без знания верстки магазин вести. Допишите тогда кусок в цсс: #menu li:nth-child(7) div { margin-left: -65px !important; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина Поправить меню Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Ан нет. На предпоследнем пункте вижу margin-left: -113px; Так что это какое-то очень сильное колдунство. действительно...я и не заметил.. колдунство очень сильное, только где от него ноги растут? ) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 И колдунство, видимо, заключается в #menu > ul > li:hover там бордер 2 пикселя толщиной. Думается мне, что загвоздка именно в этом. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 попробовал бордер поставить в 1px, все равно идет смещение... Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Или это не колдунство, а функция движка. Нет под рукой чистой сборки, да и заниматься некогда. Нужно попробовать на стандартной теме "забить" в ширину категориями/подкатегориями меню и поглядеть, как оно формируется. Тогда действительно не исключено, что толстенькие обводки "сбивают прицел". upd: и категории и подкатегории? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 сейчас вообще убрал бордеры..все равно div'у присваивается какой-то непонятный margin-left: -46px; (было -62) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 А если попробовать решение из поста #4, только заставить его быть !important ? Интересно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Для крайних правых сработало. Встали на место, но теперь проблема со всеми остальными - левый края выпадающих меню, соответственно сдвинулись на эти же 5px влево.. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 #menu - левый паддинг обнулить? Но это уже явно кривень несусветный :-D вобщем, думать нужно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. Я вообще не могу понять зачем там дивы в списке. На вашем месте я бы из меню убрал дивы и переверстал меню. У вас меню конечно специфическое, я бы или в php добавил id категорий или с помощью псевдоклассов выкручивается http://htmlbook.ru/css/nth-child , конечно может если подумать то и более ровное решение можно найти. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 18 марта 2013 Автор Поделиться Опубликовано: 18 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 19 марта 2013 Поделиться Опубликовано: 19 марта 2013 как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести <div> и ему просто будет нечего двигать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... dram Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... askirov Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 Нужно все бордеры сделать в одном стиле, а то у вас при li:hover бордер 2 px а в спокойном 1 px вот и косячит. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 21 марта 2013 Автор Поделиться Опубликовано: 21 марта 2013 <p> вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести</p><div>и ему просто будет нечего двигать попробовал убрать div, все меню пошло косяками.. (( #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } </div>сделал ваш вариант..практически ничего не изменилось (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 21 марта 2013 Поделиться Опубликовано: 21 марта 2013 <p> попробовал убрать div, все меню пошло косяками.. (( </div> сделал ваш вариант..практически ничего не изменилось (( Конечно если убрать див то нужно ввертываться второй уровень меню. Конечно трудно придется без знания верстки магазин вести. Допишите тогда кусок в цсс: #menu li:nth-child(7) div { margin-left: -65px !important; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина Поправить меню Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha
drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 попробовал бордер поставить в 1px, все равно идет смещение... Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Или это не колдунство, а функция движка. Нет под рукой чистой сборки, да и заниматься некогда. Нужно попробовать на стандартной теме "забить" в ширину категориями/подкатегориями меню и поглядеть, как оно формируется. Тогда действительно не исключено, что толстенькие обводки "сбивают прицел". upd: и категории и подкатегории? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 сейчас вообще убрал бордеры..все равно div'у присваивается какой-то непонятный margin-left: -46px; (было -62) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 А если попробовать решение из поста #4, только заставить его быть !important ? Интересно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Для крайних правых сработало. Встали на место, но теперь проблема со всеми остальными - левый края выпадающих меню, соответственно сдвинулись на эти же 5px влево.. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 #menu - левый паддинг обнулить? Но это уже явно кривень несусветный :-D вобщем, думать нужно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. Я вообще не могу понять зачем там дивы в списке. На вашем месте я бы из меню убрал дивы и переверстал меню. У вас меню конечно специфическое, я бы или в php добавил id категорий или с помощью псевдоклассов выкручивается http://htmlbook.ru/css/nth-child , конечно может если подумать то и более ровное решение можно найти. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 18 марта 2013 Автор Поделиться Опубликовано: 18 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 19 марта 2013 Поделиться Опубликовано: 19 марта 2013 как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести <div> и ему просто будет нечего двигать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... dram Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... askirov Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 Нужно все бордеры сделать в одном стиле, а то у вас при li:hover бордер 2 px а в спокойном 1 px вот и косячит. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 21 марта 2013 Автор Поделиться Опубликовано: 21 марта 2013 <p> вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести</p><div>и ему просто будет нечего двигать попробовал убрать div, все меню пошло косяками.. (( #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } </div>сделал ваш вариант..практически ничего не изменилось (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 21 марта 2013 Поделиться Опубликовано: 21 марта 2013 <p> попробовал убрать div, все меню пошло косяками.. (( </div> сделал ваш вариант..практически ничего не изменилось (( Конечно если убрать див то нужно ввертываться второй уровень меню. Конечно трудно придется без знания верстки магазин вести. Допишите тогда кусок в цсс: #menu li:nth-child(7) div { margin-left: -65px !important; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина Поправить меню
drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 сейчас вообще убрал бордеры..все равно div'у присваивается какой-то непонятный margin-left: -46px; (было -62) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 А если попробовать решение из поста #4, только заставить его быть !important ? Интересно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Для крайних правых сработало. Встали на место, но теперь проблема со всеми остальными - левый края выпадающих меню, соответственно сдвинулись на эти же 5px влево.. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 #menu - левый паддинг обнулить? Но это уже явно кривень несусветный :-D вобщем, думать нужно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. Я вообще не могу понять зачем там дивы в списке. На вашем месте я бы из меню убрал дивы и переверстал меню. У вас меню конечно специфическое, я бы или в php добавил id категорий или с помощью псевдоклассов выкручивается http://htmlbook.ru/css/nth-child , конечно может если подумать то и более ровное решение можно найти. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 18 марта 2013 Автор Поделиться Опубликовано: 18 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 19 марта 2013 Поделиться Опубликовано: 19 марта 2013 как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести <div> и ему просто будет нечего двигать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... dram Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... askirov Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 Нужно все бордеры сделать в одном стиле, а то у вас при li:hover бордер 2 px а в спокойном 1 px вот и косячит. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 21 марта 2013 Автор Поделиться Опубликовано: 21 марта 2013 <p> вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести</p><div>и ему просто будет нечего двигать попробовал убрать div, все меню пошло косяками.. (( #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } </div>сделал ваш вариант..практически ничего не изменилось (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 21 марта 2013 Поделиться Опубликовано: 21 марта 2013 <p> попробовал убрать div, все меню пошло косяками.. (( </div> сделал ваш вариант..практически ничего не изменилось (( Конечно если убрать див то нужно ввертываться второй уровень меню. Конечно трудно придется без знания верстки магазин вести. Допишите тогда кусок в цсс: #menu li:nth-child(7) div { margin-left: -65px !important; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу.
drewz Опубликовано: 16 марта 2013 Автор Поделиться Опубликовано: 16 марта 2013 Для крайних правых сработало. Встали на место, но теперь проблема со всеми остальными - левый края выпадающих меню, соответственно сдвинулись на эти же 5px влево.. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
AlexFisher Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 #menu - левый паддинг обнулить? Но это уже явно кривень несусветный :-D вобщем, думать нужно. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. Я вообще не могу понять зачем там дивы в списке. На вашем месте я бы из меню убрал дивы и переверстал меню. У вас меню конечно специфическое, я бы или в php добавил id категорий или с помощью псевдоклассов выкручивается http://htmlbook.ru/css/nth-child , конечно может если подумать то и более ровное решение можно найти. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 18 марта 2013 Автор Поделиться Опубликовано: 18 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 19 марта 2013 Поделиться Опубликовано: 19 марта 2013 как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести <div> и ему просто будет нечего двигать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... dram Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... askirov Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 Нужно все бордеры сделать в одном стиле, а то у вас при li:hover бордер 2 px а в спокойном 1 px вот и косячит. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... drewz Опубликовано: 21 марта 2013 Автор Поделиться Опубликовано: 21 марта 2013 <p> вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести</p><div>и ему просто будет нечего двигать попробовал убрать div, все меню пошло косяками.. (( #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } </div>сделал ваш вариант..практически ничего не изменилось (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... elf39 Опубликовано: 21 марта 2013 Поделиться Опубликовано: 21 марта 2013 <p> попробовал убрать div, все меню пошло косяками.. (( </div> сделал ваш вариант..практически ничего не изменилось (( Конечно если убрать див то нужно ввертываться второй уровень меню. Конечно трудно придется без знания верстки магазин вести. Допишите тогда кусок в цсс: #menu li:nth-child(7) div { margin-left: -65px !important; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0
elf39 Опубликовано: 16 марта 2013 Поделиться Опубликовано: 16 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. Я вообще не могу понять зачем там дивы в списке. На вашем месте я бы из меню убрал дивы и переверстал меню. У вас меню конечно специфическое, я бы или в php добавил id категорий или с помощью псевдоклассов выкручивается http://htmlbook.ru/css/nth-child , конечно может если подумать то и более ровное решение можно найти. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
drewz Опубликовано: 18 марта 2013 Автор Поделиться Опубликовано: 18 марта 2013 Скорее всего у вас работает скрипт, который и назначает дивам стиль прямо в шаблоне. как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
elf39 Опубликовано: 19 марта 2013 Поделиться Опубликовано: 19 марта 2013 как этот скрипт выявить? ) по поводу - переверстать меню - я бы с радостью, да вот пока что знаний для этого не сильно хватает (( вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести <div> и ему просто будет нечего двигать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
dram Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
askirov Опубликовано: 20 марта 2013 Поделиться Опубликовано: 20 марта 2013 Нужно все бордеры сделать в одном стиле, а то у вас при li:hover бордер 2 px а в спокойном 1 px вот и косячит. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
drewz Опубликовано: 21 марта 2013 Автор Поделиться Опубликовано: 21 марта 2013 <p> вот этого не скажу. Это нужно искать по шаблону. А если убрать то просто снести</p><div>и ему просто будет нечего двигать попробовал убрать div, все меню пошло косяками.. (( #menu > ul > li > a { border-radius: 11px 11px 0px 0px; color: #0C83D4; display: block; font-size: 14px; font-weight: 700; line-height: 14px; padding: 12px 6px 11px 4px; position: relative; text-decoration: none; z-index: 6; } #menu > ul > li ul > li > a { color: #FFFFFF; display: block; min-width: 120px; padding: 2px; text-decoration: none; white-space: nowrap; } </div>сделал ваш вариант..практически ничего не изменилось (( Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
elf39 Опубликовано: 21 марта 2013 Поделиться Опубликовано: 21 марта 2013 <p> попробовал убрать div, все меню пошло косяками.. (( </div> сделал ваш вариант..практически ничего не изменилось (( Конечно если убрать див то нужно ввертываться второй уровень меню. Конечно трудно придется без знания верстки магазин вести. Допишите тогда кусок в цсс: #menu li:nth-child(7) div { margin-left: -65px !important; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
Рекомендованные сообщения