Перейти к содержанию
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

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


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

Скиньте ссылку

  • +1 1

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


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

Снесите 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 и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.