Best Answer Sliapy , 07 July 2013 - 18:04
Не совсем понял, зачем Вы задаете отрицательный марджин. Судя по фаербагу достаточно прописать
.rborder.item-body {
padding: 10px;
}
-
This topic is locked
4 replies to this topic
#1
Posted 06 July 2013 - 22:30
Здравствуйте,
попробую объяснить ситуацию 
: лучше сразу посмотреть пример: http://new.unisson.r...rton-knauf.html - ситуация наблюдается с первым товаром (в любой подкатегории), который выводится в Teaser только в браузере Opera (это важно!), в остальных браузерах все прекрасно работает.
После загрузки страницы наблюдается скачок (смещение вниз на 25px) изображения и текста внутри рамки при наведении курсора либо на изображение, либо на название товара.
Что было сделано:
пробовал править файл jbzoo.css (260 строка), параметры margin-bottom, margin-top - не помогает.
Joomla! 2.5.11
PHP 5.2.17
Zoo 3.0.12
JBZoo 1.6.1
Подскажите в каком файле искать решение?
Спасибо.
#2
Posted 06 July 2013 - 22:42
.jbzoo .subcategory, .jbzoo .items .jbzoo-item, .jbzoo .item-full .jbzoo-item, .jbzoo .commentslist .comments {
margin-bottom: 35px;
margin-top: -25px;
}
Такого в оригинальном файле стилей нет. Вы вносили еще какие-нибудь правки? Пробовали заменить это переделанный файл стилей на стандартный?
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]
#3
Posted 07 July 2013 - 10:09
.jbzoo .subcategory, .jbzoo .items .jbzoo-item, .jbzoo .item-full .jbzoo-item, .jbzoo .commentslist .comments { margin-bottom: 35px; margin-top: -25px; }Такого в оригинальном файле стилей нет. Вы вносили еще какие-нибудь правки? Пробовали заменить это переделанный файл стилей на стандартный?
Я вернул стандартный файл jbzoo.css - это решило проблему со смещением.
НО! я стал править файл jbzoo.css изначально, потому что возникла следующая проблема: в карточке товара изначально отсутствовали отступы (пример: http://new.unisson.r...1200h125mm.html), т.е. текст и изображения прилеплены к рамке (просьба к разработчикам - если можно - исправить в следующей версии).
Для решения данной проблемы я полез в файл jbzoo.css и исправил следующие строки:
строка 26 - добавлено свойство padding: 20px!important;
.jbzoo-rborder .rborder,
.jbzoo-rborder .rborder {
border: 1px solid #ccc;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background: #fbfbfb;
padding: 20px!important;
}
строка 260 - добавлены свойства margin-bottom: 35px; margin-top: -25px; (в оригинале margin: 1em;)
.jbzoo .subcategory,
.jbzoo .items .jbzoo-item,
.jbzoo .item-full .jbzoo-item,
.jbzoo .commentslist .comments {
margin-bottom: 35px;
margin-top: -25px;
}
После данных исправлений и возник скачок (смещение) в teaser.
Подскажите как написать правильно, чтобы и отступы в карточке товара появились и скачка (смещения) изображения и заголовка в teaser не было (в браузере Opera)?
#4
Posted 07 July 2013 - 18:04 Best Answer
Не совсем понял, зачем Вы задаете отрицательный марджин. Судя по фаербагу достаточно прописать
.rborder.item-body {
padding: 10px;
}
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]
Answered
