Posted 7 июня, 20168 yr comment_108228 Приветствую,возник вопрос,как сделать что бы между банерами был промежуток сбоку и сверху. Как сбоку я знаю Сверху перенос на новую строку <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 Больше вариантов
7 июня, 20168 yr Author comment_108229 Link to comment https://ipbmafia.ru/topic/14611-kak-sdelat-promezhutki-mezhdu-banerami-i-sboku-i-sverhu-i-snizu/?&do=findComment&comment=108229 Share on other sites Больше вариантов
7 июня, 20168 yr comment_108263 нужно прописать каждому баннеру свой класс, и потом уже через css прописать им место, без всяких <br> Link to comment https://ipbmafia.ru/topic/14611-kak-sdelat-promezhutki-mezhdu-banerami-i-sboku-i-sverhu-i-snizu/?&do=findComment&comment=108263 Share on other sites Больше вариантов
8 июня, 20168 yr comment_108269 Ну <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. Link to comment https://ipbmafia.ru/topic/14611-kak-sdelat-promezhutki-mezhdu-banerami-i-sboku-i-sverhu-i-snizu/?&do=findComment&comment=108269 Share on other sites Больше вариантов
8 июня, 20168 yr Author comment_108279 подскажите,где найти нужный CSS чтобы туда перекинуть этот код https://jsfiddle.net/xnap4wvp/ Репутация: -5 Баллы: 48 Пользователь 57 сообщений Отправлено Сегодня, 08:47 а куда в ipb вставить CSS *{margin:;padding:;line-height:;} img{border:1px solid red} в (Внешний вид > Управление стилями и шаблонами > Управление шаблонами в IP.Board) и потом что выбрать?CSS и?? Link to comment https://ipbmafia.ru/topic/14611-kak-sdelat-promezhutki-mezhdu-banerami-i-sboku-i-sverhu-i-snizu/?&do=findComment&comment=108279 Share on other sites Больше вариантов
8 июня, 20168 yr comment_108281 ipb_styles.css Link to comment https://ipbmafia.ru/topic/14611-kak-sdelat-promezhutki-mezhdu-banerami-i-sboku-i-sverhu-i-snizu/?&do=findComment&comment=108281 Share on other sites Больше вариантов
8 июня, 20168 yr Author comment_108282 и ещё тогда вопрос по этим тегам,а там ведь где есть просто фото с тегами img получиться тоже такая рамка? и и везде где есть эти теги? Link to comment https://ipbmafia.ru/topic/14611-kak-sdelat-promezhutki-mezhdu-banerami-i-sboku-i-sverhu-i-snizu/?&do=findComment&comment=108282 Share on other sites Больше вариантов
8 июня, 20168 yr Author comment_108283 я вставил этот скрипт *{margin:0;padding:0;line-height:0;} img{border:3px solid White } в самый низ ipb_styles.css и у меня стало что попало на форуме)текст простотне читаем,может не туда вставил? но банеры стали как надо Link to comment https://ipbmafia.ru/topic/14611-kak-sdelat-promezhutki-mezhdu-banerami-i-sboku-i-sverhu-i-snizu/?&do=findComment&comment=108283 Share on other sites Больше вариантов
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.