Графика/Дизайн | 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
.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>";
?>
------

Скачиваний: 115
________
посл. ред. 21.09.2021 в 18:41; всего 2 раз(а); by 155876556
подсветка что то на сайте не работает

DELETED
21 сентября 2021, в 18:48
Delete

DELETED
21 сентября 2021, в 18:49
Delete
155876556, таблицу пробовал?
Зделай через таблы
1. Юзай для начала display: flex у материнского блока.
2. Потом просто блокам внутри задавай себе ширину какую хочешь.
3. Не забывай ещё узать border-sizing: border-box; что бы тебе сетку не поламало из-за неверных расчётов).
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>";
?>
не могу понять как поставить 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
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 ; а внутри ставь блоки отдельно , уже с краями и фоном
Стр.: 1, 2