Jump to content

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

Featured Replies

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

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

 

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

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

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

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

Link to comment
https://ipbmafia.ru/topic/14611-kak-sdelat-promezhutki-mezhdu-banerami-i-sboku-i-sverhu-i-snizu/
Share on other sites

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

<br>
&nbsp; 

 

Ну <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.

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

Репутация: -5 
Баллы: 48
  • Пользователь
  • 57 сообщений
  •           

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

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

 *{margin:;padding:;line-height:;}
img{border:1px solid red} 
в (Внешний вид >
Управление стилями и шаблонами >
Управление шаблонами в IP.Board)

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

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

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

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

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.