Помощь Расположение объектов на странице

[masterlan]

Всем привет. Решил немного переделать главную страницу, добавить 2 слайдера.
Хочу разместить их рядом (см скрин пример) .
В качестве страницы используется статическая страница, редактирование через визуальный редактор или "текст" в админке.
Объекты (слайдеры) размещаю шорткодами. Ставлю 2 шорткода рядом и слайдеры становятся один под другим.
Как разместить так как на скрине?

 

[angel_sia]

сайт то сам в студию, телепатов нет пока.

 

[masterlan]

Шаблон Oria, сайт на локале..

 

[javx]

bootstrap используется в шаблоне? float задай или абсолютное позиционирование делай.

 

[angel_sia]

Шаблон Oria, сайт на локале..

Ну так с ходу вам не кто не скажет не видя css сайта, попробуй воспользоватся float

 

[ddn128]

Ставлю 2 шорткода рядом и слайдеры становятся один под другим.
Как разместить так как на скрине?

Или воткнуть их в табл. (что не феншуй, если сайт адаптив)
Или сделать 2 колонки на div-ах

.ltext {
display: block;
float: left;
width: 50%;
}
.rtext {
display: block;
float: right;
width: 50%;
}

Или присвоить div-у со слайдером св-во inline-flex

.sl_bl{
display: inline-flex;
width: 50%;
}

Или ещё 100500 вариантов.
"На вкус и цвет - фломастеры разные."

 

[KROM-3000]

А если сделать 2 поля для виджетов и вставить в каждый из них код слайдера?

 

[masterlan]

Виджеты пока не хочу... Пока воспользуюсь советом ddn128

 

[prop]

Можно еще через div и стилями (тоже что и у ddn128 только другими карандашами )

     ------- установим стили блока DIV --------
#liniya {
        width:110px; - ширина
        height:50px; - высота
        float:left; - блоки идут друг за другом по левой стороне
        margin-left:15px;
        text-align:center;
        }
    ---------- вставим блоки на страницу ---------
<div style=" width:100%; height:1px; clear:both;">.</div> чтобы не лезли вверх
<div id="liniya">слайдер 1</div> <div id="liniya">слайдер 2</div> <div id="liniya">вдруг пригодиться :)  3</div>
<div style=" width:100%; height:1px; clear:both;"></div> чтобы ничего не влезало снизу

 

[kastembay]

Можно еще через div и стилями (тоже что и у ddn128 только другими карандашами )

     ------- установим стили блока DIV --------
#liniya {
        width:110px; - ширина
        height:50px; - высота
        float:left; - блоки идут друг за другом по левой стороне
        margin-left:15px;
        text-align:center;
        }
    ---------- вставим блоки на страницу ---------
<div style=" width:100%; height:1px; clear:both;">.</div> чтобы не лезли вверх
<div id="liniya">слайдер 1</div> <div id="liniya">слайдер 2</div> <div id="liniya">вдруг пригодиться :)  3</div>
<div style=" width:100%; height:1px; clear:both;"></div> чтобы ничего не влезало снизу

Можно вместо float:left; использоваться display:inline-block; тогда clear можно не применять)