Question

Решил на своем сайте подготовить места под банеры, в разделе форум, но не как не получаеться сделать баннеры как на картнки.

У меня выходил либо не в нужном месте, или все идет в столбец а не в строчку. Может кто не будь подскажет какой должен быть код для вставки баннеров как я задумал?

 

Answer 1

Вставляй после:

 <li><a class="fNavLink" href="http://www.sakh-ohotnik.ru/forum/0-0-0-37" rel="nofollow" title="RSS"><i class="fa fa-rss"></i></a><span>RSS</span></li>
 
 </ul>
 </div>
 </div>

вот этот код 

<div class="wZag">
<div class="wImg"><img src="ссылка на изображение"></div>
<div class="wImg"><img src="ссылка на изображение"></div>
<div class="wImg"><img src="ссылка на изображение"></div>
<div class="wImg"><img src="ссылка на изображение"></div>
<div style="clear:left;"></div>
</div>

<style>
.wZag {margin: 0px auto; max-width: 1200px; padding:30px;}
.wImg {float:left; width:210px; height: 50px; background:#fff; border:5px solid #ff0000; margin:0 40px;}
</style>

Comments

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

---

Денис Шушаков,

если разрывает, удалите код <div style="clear:left;"></div>

---

Денис Шушаков,

да, удали <div style="clear:left;"></div> и все норм станет

Answer 2

Решается например вот так, в нужном месте ставим код:

<div class="zaglushka">
<img src="ссылка на фото" alt="">
<img src="ссылка на фото" alt="">
<img src="ссылка на фото" alt="">
<img src="ссылка на фото" alt="">
</div>

в стили добавить:

.zaglushka {display: table;margin: 0 auto;}
.zaglushka img {margin: 0 2px;}

готово.