Jump to content

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

Featured Replies

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

Link to comment
https://ipbmafia.ru/topic/25764-kak-sdelat-chtoby-dva-bannera-byli-v-odin-ryad/
Share on other sites

У меня 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>

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

Edited by 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, я так понимаю там нет глобального файла для всех приложений сразу

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

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

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

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.