Jump to content

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

Featured Replies

Posted
comment_193964

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

comment_193966

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>

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

Edited by Exception

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

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

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

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

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

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

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

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

Куда именно? 

IMG_20230616_184248.jpg

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

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

Куда именно? 

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

  • Author
comment_193973

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

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

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

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.