Question

Всем Здравствуйте! Пришла такая идея как поставить вниз логотипы по такому принципу? И вообще можно такое реализовать?  Скриншот: http://joxi.ru/E2pEvj0taVZgyA

Answer 1

Делается это примерно так:

<div style="display:inline-block;">
<img src="ссылка на баннер">
<img src="ссылка на баннер">
<img src="ссылка на баннер">
<img src="ссылка на баннер">
<img src="ссылка на баннер">
</div>

Или же как пример как описано в материале https://www.ucoz.ru/qa/index.php/80614

Comments

Код поставил, а как сделать ровнее чтобы было? А то криво стоит, цвет у рамки сменить можно?

---

Sheldon,

Стили:

.wZag { margin: 0px auto; max-width: 1200px; padding: 30px; }

замените на:

.wZag { margin: 0px auto; display: table; padding: 30px; }

Рамку и ее цвет настраивайте в стилях:

.wImg { float: left; width: 210px; height: 50px; background: #fff; border: 5px solid #ff0000; margin: 0 40px; }

красное это цвет, а синее толщина, настраивайте.

---

Yuri_Geruk,

А как сделать ссылки на картинки?)

---

Sheldon,

Завернуть картинку в ссылку:

<a href="ссылка"><img src="ссылка на фото"></a>

---

Yuri_Geruk,

можно по подробнее?

---

Sheldon,

Смотрите код логотипов который вставляли, там найдете код картинки <img src="ссылка на фото">, вот его заверните в код который выделен красным в примере выше. Если не поймете как это сделать, лучше не трогайте вообще так как случайно сломаете.

---

Yuri_Geruk,

Вот мой код:

<div class="wImg"><a href="/load/killing_floor_biografija/killing_floor_biografija/1-1-0-36"><img src="https://killing-floor.ucoz.com/Stories/logo.png"></a></div>

 

---

Sheldon,

Поправил ваше сообщение как должно быть, именно так делайте.

---

Yuri_Geruk,

Спасибо!!! Теперь понял как делать :)