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

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

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

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

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

<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 пользователей онлайн

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

×

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

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