Перейти к содержанию

Как сделать чтобы два баннера были в один ряд?


Рекомендуемые сообщения

😒помогите пожалуйста как сделать чтобы два баннера были в один ряд, а то они все друг под другом идут, а справа получается пустота

Ссылка на комментарий
Поделиться на другие сайты

У меня 6 баннеров 488х60, как сделать чтобы было 3 строки по 2 баннера? Какой код? 

Ссылка на комментарий
Поделиться на другие сайты

css

.top_banners {
    display: flex;
    flex-wrap: wrap;
}
.top_banners > a {
    width: calc(50% - 1px);
    margin-bottom: 2px;
}
  .top_banners > a:nth-child(odd) {
      margin-right: 2px;
  }

html

<div class="top_banners">
  <a href="#link"><img src="#img-url" alt="#img-title"></a>
  <a href="#link"><img src="#img-url" alt="#img-title"></a>
  <a href="#link"><img src="#img-url" alt="#img-title"></a>
  <a href="#link"><img src="#img-url" alt="#img-title"></a>
  <a href="#link"><img src="#img-url" alt="#img-title"></a>
  <a href="#link"><img src="#img-url" alt="#img-title"></a>
</div>

# заменить на свои

Изменено пользователем Exception
Ссылка на комментарий
Поделиться на другие сайты

В css в любое место в начале можно вставить? 

Ссылка на комментарий
Поделиться на другие сайты

Ссылка на комментарий
Поделиться на другие сайты

14 минут назад, roxi6666 сказал:

В css в любое место в начале можно вставить? 

в любое, я не знаю структуру css 3.x версий

12 минут назад, HooLIGUN сказал:

это разве есть в 3.x версиях?

Ссылка на комментарий
Поделиться на другие сайты

1 минуту назад, Exception сказал:

в любое, я не знаю структуру css 3.x версий

это разве есть в 3.x версиях?

Куда именно? 

IMG_20230616_184248.jpg

Они стали слишком большими баннеры, как поменять размер? 

Ссылка на комментарий
Поделиться на другие сайты

4 минуты назад, roxi6666 сказал:

Куда именно? 

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

Ссылка на комментарий
Поделиться на другие сайты

Я уменьшила но они опять отображаются по одному в ряду

Всё получилось спасибо

На телефоне всё отлично отображается а на компютере нет маленькие баннеры кажутся как сделать чтоб под каждое устройство они автоматически под гонялись? 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...