Loading...
Графика/Дизайн | 2 блока по горизонтали
не могу понять как поставить 2 блока в ряд,



.leftcolumn {
float: left;
width: 75%;
}

.card-content {

background-color: white;
padding: 10px;
margin-top: 10px;
margin-bottom:10px;
border:1px solid rgb(197,198,197);
}

.card-content2 {
float:center;
background-color: white;
padding: 10px;
margin-top: 10px;
margin-bottom:10px;
border:1px solid rgb(197,198,197);
}





echo '<div class="lefttcolumn"><div class="card-content">';
////include_once '../us/stena.php';

echo "</div></div>";




echo '<div class="leftcolumn"><div class="card-content2">';


echo "тут второй блок";




echo "</div></div>";

?>

Изображение

------
79155_I4ra6wGUN04.jpg (253.4 Kb)
Скачиваний: 115

________
посл. ред. 21.09.2021 в 18:41; всего 2 раз(а); by 155876556
подсветка что то на сайте не работает
grid верстка есть для этого
https://www.youtube.com/watch?v=M7m_3b1Jjzc&t=594s
155876556, таблицу пробовал?
Зделай через таблы
1. Юзай для начала display: flex у материнского блока.
2. Потом просто блокам внутри задавай себе ширину какую хочешь.
3. Не забывай ещё узать border-sizing: border-box; что бы тебе сетку не поламало из-за неверных расчётов).
155876556 (21.09.2021 в 18:40)
не могу понять как поставить 2 блока в ряд,



.leftcolumn {
float: left;
width: 75%;
}

.card-content {

background-color: white;
padding: 10px;
margin-top: 10px;
margin-bottom:10px;
border:1px solid rgb(197,198,197);
}

.card-content2 {
float:center;
background-color: white;
padding: 10px;
margin-top: 10px;
margin-bottom:10px;
border:1px solid rgb(197,198,197);
}





echo '<div class="lefttcolumn"><div class="card-content">';
////include_once '../us/stena.php';

echo "</div></div>";




echo '<div class="leftcolumn"><div class="card-content2">';


echo "тут второй блок";




echo "</div></div>";

?>



display: grid;
grid-template-columns: 1fr 1fr;
display: inline-block;
box-sizing: border-box;
width: 50%;
vertical-align: top;
padding: 10px;

-----

<div></div>
<div></div>

Как-то так
________
посл. ред. 21.09.2021 в 20:28; всего 1 раз(а); by Java_Script
И не надо применять margin во внешке блоков. Сделай padding: 5px ; а внутри ставь блоки отдельно , уже с краями и фоном
Онлайн: 2
Время:
Gen. 0.1143
(c) ByMAS.RU 2010-2025