Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

css - вертикальный отступ картинок


Recommended Posts

Добрый день!
Не могу понять как убрать горизонтальный отступ картинок на главной странице.

Помогите пожалуйста найти решение. Спасибо!
Код на баннера:

<div class="banner-box">
     <div class="row">
    <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/casio" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/g-shock-banner.png" class="img-responsive" alt="g-shock">
                </a>
            </div>
        </div>
        <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>
    <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/orient" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/orient-banner.png" class="img-responsive" alt="orient">
                </a>
            </div>
        </div>
         <div class="col-sm-6 col-xs-1">
            <div class="image-box">
                <a href="https://site.ru/swiss_military" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/swiss-military-banner.png" class="img-responsive" alt="swiss-military">
                </a>
            </div>
        </div>
     </div>
</div>

2017-06-14_09-27-34.png

Надіслати
Поділитися на інших сайтах


51 минуту назад, leonamx сказал:

Не могу понять как убрать горизонтальный отступ картинок на главной странице.

 

А он там есть? Может быть просто размер картинки в настройках выставлен такой?

 

Если всё же отступ есть, то нужно смотреть у какого элемента. Попробуй такие варианты:

.banner-box img {...}

или

.banner-box .image-box {...}

 

UPD: Смотрю, картинка добавлена. тогда написанное выше не катит.

Змінено користувачем SiteMix
Надіслати
Поділитися на інших сайтах


отступы от сеток padding:0 15px;

убирать можно с классом row

col-xs-0 нет такого, но ладно

 <div class="col-sm-6 col-xs-0">
            <div class="image-box row">
Змінено користувачем Miha7685776
Надіслати
Поділитися на інших сайтах


36 минут назад, Miha7685776 сказал:

отступы от сеток padding:0 15px;

убирать можно склассом row

Подскажите пожалуйста как должен выглядеть код относительно моего. Не могу понять(((. Спасибо

Надіслати
Поділитися на інших сайтах


28 минут назад, leonamx сказал:

Подскажите пожалуйста как должен выглядеть код относительно моего. Не могу понять(((. Спасибо

Да  кто же его знает, какой у вас код. Ссылок вы не даете, css неизвестен

Надіслати
Поділитися на інших сайтах


1 час назад, leonamx сказал:

Подскажите пожалуйста как должен выглядеть код относительно моего. Не могу понять(((. Спасибо

 

лень берет свое. даже угадать различия лень, даже прогуглить 10 минут тоже лень. нет?

найди 10 отличий

 

        <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>

 

 

        <div class="col-sm-6 col-xs-0">
            <div class="image-box row">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>
Надіслати
Поділитися на інших сайтах


5 часов назад, Miha7685776 сказал:

 

лень берет свое. даже угадать различия лень, даже прогуглить 10 минут тоже лень. нет?

найди 10 отличий

 


        <div class="col-sm-6 col-xs-0">
            <div class="image-box">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>

 

 


        <div class="col-sm-6 col-xs-0">
            <div class="image-box row">
                <a href="https://site.ru/emporio_armani" class="image-hover-effect">
                    <img src="https://site.ru/image/catalog/UserFiles/Image/emporio-armani.png" class="img-responsive" alt="emporio-armani">
                </a>
            </div>
        </div>

Спасибо!! В гугле по найденным мной статьям информации я не нашёл... всё перепробовал - безрезультатно...

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.