веб интерфейс стандартный

[dizzyy]

суть такая
для телеграм канала делаю прослушки и если попадаются ключевые слова их подхватывает вемос и выводит их на 1602 и при этом зажыгается адресный светодиод..
настройку пробовал сделать в штатном формате что в меню , но там получается длинная лента полей , пробовал разбить на странички , но тогда вемос после нескольких смен отваливает веб интерфейс..
значит надо уместить на одну страницу , но это длинный список ..
можно ли в штатном веб интерфейсе сделать несколько колонок а не списком?

[Anydy]

можно ли в штатном веб интерфейсе сделать несколько колонок а не списком?

Штатно вряд ли - насколько я помню веб интерфейс делается на чистом html .....для вашей задумки правильнее подключить CSS стили

[kulibinsvv]

Многоколоночный текст

Отправлено спустя 5 минут 11 секунд:
Введение в CSS3 Multicolumn. Работаем с колонками

[rw6cm]

можно ли в штатном веб интерфейсе сделать несколько колонок а не списком?

Можно с помощью CSS Grid.
Пример Здесь
Изучать можно Здесь

[dizzyy]

спасибо, будем думать чтоб разместить на одной странице , или хотя бы на 2 но чтоб 8266 с браузером не крашились

Отправлено спустя 8 минут 24 секунды:

Можно с помощью 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 секунду:

Можно с помощью 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;  }

[AlexCrane]

dizzyy, Я так разбивал, попробуй (в css конечно я не спец, но что есть то есть)

Grid_css.flp

(127.36 КБ) 92 скачивания

[dizzyy]

попробую.. нельзя менять ширину поля ввода и из за этого в строчку помещается только 3 пункта , 4 перекидывается в следуйщий и начинается фигня..