Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Как выравнить иконки в подвале


susha
 Поделиться

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

Здравствуйте, подскажите пожалуйста, как выравнить иконки платежных систем в подвале?

В подвале есть  пустующее место как раз для них. Вставил такой код:

 

            <div class="iconki">
        <ul class="list-unstyled">
          <li><img src="http://site.ru/image/payment/qiwi.png" alt="Киви"></li>
           <li><img src="http://site.ru/image/payment/sberbank.png" alt="Сбербанк"></li>
           <li><img src="http://site.ru/image/payment/visa.png" alt="Виза"></li>
           <li><img src="http://site.ru/image/payment/webmoney.png" alt="Webmoney"></li>
           <li><img src="http://site.ru/image/payment/yandex-dengi.png" alt="Яндекс деньги"></li>
        </ul>
      </div>

 

Получилось так:

 

Screenshot_13.png.46f83d9cfc2ffba53fe5f31e38b99eab.png

 

Но красивее будет так:

 

Screenshot_14.png.30727a0335980e76a4fc774828a91f85.png

 

В stylesheet.css нужно как то правильно прописать, но не могу найти как.

 

прописал так:

 

.iconki {
	display: inline-block;
}

Но не то.

Изменено пользователем susha
Ссылка на комментарий
Поделиться на других сайтах


Снесите class="list-unstyled" на списке и там пропишите инлайновый стиль.

P.S.: поглядел справку бутстрапа, есть класс:

<ul class="list-inline">
  <li>...</li>
</ul>

 

Изменено пользователем zlatoff
  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


.iconki { float:right; display:block; padding-top:5px;}
.iconki ul li{ display:inline-block;}
.iconki ul li + li{ margin-left:2px;}

Взял с чужого сайта. Так будет правильно?

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


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

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

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