Перейти к содержанию
Vinsent

[Решено] Увеличение отступа между товарами в блоке

Рекомендуемые сообщения

Здравствуйте. Необходимо увеличить отступ между товарами в блоках "Рекомедуемые", "Акции", "Последние" и "Хиты продаж".

На данный момент выглядит так:

post-691997-0-03023600-1422358013_thumb.jpg

 

Если увеличивать размеры изображения - картинки налазят друг на друга. Подскажите, пожалуйста, где поправить чтобы они равномерно отображались в блоках? То есть добавить отступы между картинками по ширине. Заранее всем очень благодарен.

 

Файл stylesheet.css на всякий случай:

stylesheet.css

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вместо файла стилей вы бы лучше ссылку на сайт давали, а то получается наугад... Пробуйте увеличивать width

.box-product > div {
	width: 128px; //вот здесь
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center; }

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Strelez, 

margin-right: не реагирует совсем;
margin-bottom: появляется отступ вниз.

 

В чем может быть проблема? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Открывайте сайт в Firefox, жмите на блоке правой кнопкой, выбирайте "Исследовать элемент" и экспериментируйте с css - все изменения виртуальны (не сохраняются) и вносятся "на лету" (результат сразу виден) ;)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Strelez, 

margin-right: не реагирует совсем;

margin-bottom: появляется отступ вниз.

 

В чем может быть проблема? 

 

 

Вместо файла стилей вы бы лучше ссылку на сайт давали, а то получается наугад... Пробуйте увеличивать width

.box-product > div {
	width: 128px; //вот здесь
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center; }

А теперь вопрос: где в моем сообщении я говорил о margin?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Параметр width тоже не работает. Vinsent, я поставил сайт на хостинг. Вот урл: (потерто...)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Сделайте width: 168px и посмотрите, как в новых поступлениях. Если подойдет, то в других модулях сделайте из админки размеры изображений такими же, как в последних.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Разобрался. Вот здесь 168 выставил и все нормально стало:

#content .box-product > div { width: 168px; margin-right: 15px; }

 

 

Спасибо большое всем за помощь.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.