uvlecheniehobby.ru Опубликовано 7 июня, 2016 Поделиться Опубликовано 7 июня, 2016 Приветствую,возник вопрос,как сделать что бы между банерами был промежуток сбоку и сверху. Как сбоку я знаю Сверху перенос на новую строку <br> Но мне нужно сделать так,что бы на мониторе компьютера было три банера в ряд-это делается легко,НО с телефона если смотришь то один банер переходит вниз и прилипает к двум верхним. Если этот банер разделить <br> то вид будет что на компе ,что на мобильнике одинаков и не красив,то есть два банера вверху и один снизу. как здесь только с фото Результат данного примера показан на рис. 1. Изображения выстраиваются в одну строку по горизонтали, а если некоторые из них не помещаются по ширине в окне, то переносятся на следующую строку. Рис. 1. Фотографии, расположенные по горизонтали Обратите внимание на пробел между фотографиями, он появляется за счет переноса тега <img> в коде на новую строку. Чтобы убрать пустой промежуток достаточно написать теги <img> в примере в одну строку. http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
uvlecheniehobby.ru Опубликовано 7 июня, 2016 Автор Поделиться Опубликовано 7 июня, 2016 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WOLF Опубликовано 7 июня, 2016 Поделиться Опубликовано 7 июня, 2016 нужно прописать каждому баннеру свой класс, и потом уже через css прописать им место, без всяких <br> Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
TrueSkill Опубликовано 8 июня, 2016 Поделиться Опубликовано 8 июня, 2016 Ну <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 Опубликовано 8 июня, 2016 Автор Поделиться Опубликовано 8 июня, 2016 подскажите,где найти нужный 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 Опубликовано 8 июня, 2016 Поделиться Опубликовано 8 июня, 2016 ipb_styles.css uvlecheniehobby.ru 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
uvlecheniehobby.ru Опубликовано 8 июня, 2016 Автор Поделиться Опубликовано 8 июня, 2016 и ещё тогда вопрос по этим тегам,а там ведь где есть просто фото с тегами img получиться тоже такая рамка? и и везде где есть эти теги? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
uvlecheniehobby.ru Опубликовано 8 июня, 2016 Автор Поделиться Опубликовано 8 июня, 2016 я вставил этот скрипт *{margin:0;padding:0;line-height:0;} img{border:3px solid White } в самый низ ipb_styles.css и у меня стало что попало на форуме)текст простотне читаем,может не туда вставил? но банеры стали как надо Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.