Как сделать промежутки между банерами и сбоку и сверху и снизу

[uvlecheniehobby.ru]

Приветствую,возник вопрос,как сделать что бы между банерами был промежуток сбоку и сверху. 
Как сбоку я знаю   
Сверху перенос на новую строку <br> 
Но мне нужно сделать так,что бы на мониторе компьютера было три банера в ряд-это делается легко,НО с телефона если смотришь то один банер переходит вниз и прилипает к двум верхним. 
Если этот банер разделить <br> то вид будет что на компе ,что на мобильнике одинаков и не красив,то есть два банера вверху и один снизу.

как здесь только с фото

 

Результат данного примера показан на рис. 1. Изображения выстраиваются в одну строку по горизонтали, а если некоторые из них не помещаются по ширине в окне, то переносятся на следующую строку.

Рис. 1. Фотографии, расположенные по горизонтали

Обратите внимание на пробел между фотографиями, он появляется за счет переноса тега <img> в коде на новую строку. Чтобы убрать пустой промежуток достаточно написать теги <img> в примере в одну строку.

http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali

[uvlecheniehobby.ru]

[WOLF]

нужно прописать каждому баннеру свой класс, и потом уже через css прописать им место, без всяких

<br>
&nbsp; 

 

[TrueSkill]

Ну <br> вы подобного не добьетесь. Да и <img> это чистый html без стиля.

Примерно должен код выглядеть так:

<div id="1" style="background-image: url(../images/banner.png) no-repeat;"></div>

<div id="2" style="background-image: url(../images/banner.png) no-repeat;"></div>

<div id="3" style="background-image: url(../images/banner.png) no-repeat;"></div>

Далее нужно просто поиграться с css.

[uvlecheniehobby.ru]

подскажите,где найти нужный CSS чтобы туда перекинуть этот код https://jsfiddle.net/xnap4wvp/

Репутация: -5 
Баллы: 48

• Пользователь
• 57 сообщений
•           

Отправлено Сегодня, 08:47

а куда в ipb вставить CSS 

 *{margin:;padding:;line-height:;}
img{border:1px solid red} 

в (Внешний вид >

Управление стилями и шаблонами >

Управление шаблонами в IP.Board)

 и потом что выбрать?CSS и??

[Respected]

ipb_styles.css

[uvlecheniehobby.ru]

и ещё тогда вопрос по этим тегам,а там ведь где есть просто фото с тегами img получиться тоже такая рамка? и и везде где есть эти теги?

[uvlecheniehobby.ru]

я вставил этот скрипт

*{margin:0;padding:0;line-height:0;}
img{border:3px solid White }

в самый низ  ipb_styles.css и у меня стало что попало на форуме)текст    простотне читаем,может не туда вставил?

но банеры стали как надо