спасибо, будем думать чтоб разместить на одной странице , или хотя бы на 2 но чтоб 8266 с браузером не крашились
Отправлено спустя 8 минут 24 секунды:
rw6cm писал(а): ↑10.03.2021{, 20:03}
Можно с помощью CSS Grid.
Пример Здесь
я видел, но в 7.3.3 мне не открыло ..
сейчас открыл в 7.2 ..
Код: Выделить всё
.imgcontent1
{
float:left;
padding: 1%;
width:98%;
margin-top: 1%;
background: #d9fcfc;
border: 1px solid black;
border-radius: 8px;
text-align: center;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
font-size: 150%;
grid-column-start: 2;
grid-column-end: 5;
grid-row-start: 4;
grid-row-end: 12;
}
Отправлено спустя 6 часов 16 минут 21 секунду:
rw6cm писал(а): ↑10.03.2021{, 20:03}
Можно с помощью CSS Grid.
да это то что надо , но день потерял и так не смог рабить на сетку , все в столбик складывает и все
что не так не пойму
Код: Выделить всё
.container {
display: grid;
margin-top: 5px; /* внешний отступ сверху */
padding: 10px; /* внешний отступ элемента со всех сторон */
background: rgb(0,150,208); /* цвет заднего фона */
grid-template-columns: 25% 25% 25% 25%;
grid-template-rows: 50px 50px 50px 50px 50px 50px ;
border: 1px solid black;
border-radius: 8px;
}
.item-a1 {
grid-column-start: span 1;
background: red !important; }
.item-b1 {
grid-column-start: span 1;
background: red !important; }
.item-c1 {
grid-column-start: span 1;
background: red !important; }
.item-d1 {
grid-column-start: span 1;
background: red !important; }
.item-a2
grid-column-start: span 1;
background: red !important; }
.item-a3 {
grid-column-start: span 1;
background: red !important; }