Сообщений в теме: 4

[Андрей]

Здравствуйте,

попробую объяснить ситуацию : лучше сразу посмотреть пример: 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

 

Подскажите в каком файле искать решение?

Спасибо.

 

 

[Sliapy]

.jbzoo .subcategory, .jbzoo .items .jbzoo-item, .jbzoo .item-full .jbzoo-item, .jbzoo .commentslist .comments { 
margin-bottom: 35px;
margin-top: -25px;
}

Такого в оригинальном файле стилей нет. Вы вносили еще какие-нибудь правки? Пробовали заменить это переделанный файл стилей на стандартный?

[Андрей]

 

.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)?

 

 

 

 

 

[Sliapy]

Не совсем понял, зачем Вы задаете отрицательный марджин. Судя по фаербагу достаточно прописать

 

.rborder.item-body {
padding: 10px;
}

[Андрей]

 

Не совсем понял, зачем Вы задаете отрицательный марджин. Судя по фаербагу достаточно прописать

 

.rborder.item-body {
padding: 10px;
}

 

 

Спасибо огромное, добавил ваш стиль - все выровнялось ^-^