Jump to content
Sign in to follow this  
Vinsent

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

Recommended Posts

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

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

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

 

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

 

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

stylesheet.css

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Strelez, сайт пока на локалке. Сейчас попробую.

Share this post


Link to post
Share on other sites

Strelez, 

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Strelez, 

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

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

 

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

 

 

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Сделал width: 168px, но ничего не поменялось.

Share this post


Link to post
Share on other sites

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

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

 

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.