Страница 1 из 1

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

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

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

Добавлено: 10 мар 2021, 17:24
Anydy
dizzyy писал(а): 09 мар 2021, 21:36 можно ли в штатном веб интерфейсе сделать несколько колонок а не списком?
Штатно вряд ли - насколько я помню веб интерфейс делается на чистом html .....для вашей задумки правильнее подключить CSS стили

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

Добавлено: 10 мар 2021, 19:00
kulibinsvv

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

Добавлено: 10 мар 2021, 20:03
rw6cm
dizzyy писал(а): 09 мар 2021, 21:36 можно ли в штатном веб интерфейсе сделать несколько колонок а не списком?
Можно с помощью CSS Grid.
Пример Здесь
Изучать можно Здесь

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

Добавлено: 11 мар 2021, 21:24
dizzyy
спасибо, будем думать чтоб разместить на одной странице , или хотя бы на 2 но чтоб 8266 с браузером не крашились

Отправлено спустя 8 минут 24 секунды:
rw6cm писал(а): 10 мар 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 мар 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;  }




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

Добавлено: 11 мар 2021, 21:55
AlexCrane
[ref]dizzyy[/ref], Я так разбивал, попробуй (в css конечно я не спец, но что есть то есть)
Grid_css.flp

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

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

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

Добавлено: 14 июн 2025, 09:11
wados1997
Подскажите как вывести массив в таблицу? Имеется массив 20 значений. Надо что бы в веб интерфейсе выводился в виде таблицы.