В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

HTML/CSS — русскоговорящее сообщество

2901 membersпожаловаться на группу
2020 July 11

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Dark Master
Но при этом я же не могу установить минимальную ширину поля для ввода и в  случае длинного заголовка поле для ввода может просто сплющится, вместо того, чтобы обрезать заголовок.
На каком языке 1 слово превратиться в целое предложение на всю строку?
источник
13:04пожаловаться#1

DM

Dark Master in HTML/CSS — русскоговорящее сообщество
Названия для полей приходят из админки, так что я заранее не знаю, что там пользователи введут.
источник
13:05пожаловаться#2

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Dark Master
Названия для полей приходят из админки, так что я заранее не знаю, что там пользователи введут.
Значит дизайн кривой, и если есть такая вероятность, то заголовок и элемент должны быть на разных строках
источник
13:07пожаловаться#3

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Vitaliy Kirenkov
Через дисплей тейбл, как по мне
Ну и по идее можно задать для лейбла макс ширину и уводить в элипсис, но это не точно
источник
13:08пожаловаться#4

АХ

Андрей Халимоненко —... in HTML/CSS — русскоговорящее сообщество
Dark Master
Подскажите, какой каноничный способ сверстать такую форму? Обращаю внимание, длина заголовков может меняться в зависимости от языка.
Лет 15 назад я такое делал через table, сейчас бы сделал через div.
Сгрпперуйте в одном диве названия, в другом инпуты, и их делать по максимальной ширине.
источник
13:14пожаловаться#5

DM

Dark Master in HTML/CSS — русскоговорящее сообщество
Андрей Халимоненко — #ПИТЧТРЕНЕР
Лет 15 назад я такое делал через table, сейчас бы сделал через div.
Сгрпперуйте в одном диве названия, в другом инпуты, и их делать по максимальной ширине.
Рабочий подход, но только в том случае если строки одной высоты. На макете только input, но там могут быть и textarea
источник
13:14пожаловаться#6

DM

Dark Master in HTML/CSS — русскоговорящее сообщество
Vitaliy Kirenkov
Ну и по идее можно задать для лейбла макс ширину и уводить в элипсис, но это не точно
Сделал
https://jsfiddle.net/gz2phxyf/5/

Просьба посмотреть вёрстку. Правильно ли я реализовал концепцию или есть какие-то недочёты?
jsfiddle.net
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
источник
13:17пожаловаться#7

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Dark Master
Сделал
https://jsfiddle.net/gz2phxyf/5/

Просьба посмотреть вёрстку. Правильно ли я реализовал концепцию или есть какие-то недочёты?
jsfiddle.net
Edit fiddle - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
.value задавать ширину нет необходимости, а в остальном, вроде это то, что тебе нужно
источник
13:20пожаловаться#8

DM

Dark Master in HTML/CSS — русскоговорящее сообщество
Спасибо большое! Верстка таблицами, похоже, ещё надолго с нами.
источник
13:21пожаловаться#9

В

Владимир in HTML/CSS — русскоговорящее сообщество
Dark Master
Спасибо большое! Верстка таблицами, похоже, ещё надолго с нами.
Как минимум в мэйлах
источник
13:30пожаловаться#10

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Народ, подскажите, если вот такой CSS код
.FPbeR {
    max-width: 500px;
    width: 100% !important;
    height: 100%;
    padding-top: 10px;
}


Это означает что элемент к которому применен этот стиль, будет всегда 500px если разрешение экрана не менее 500px а если меньше то он будет всегда адаптироваться под 100% ?
источник
13:48пожаловаться#11

L

LZD in HTML/CSS — русскоговорящее сообщество
Дмитрий
Народ, подскажите, если вот такой CSS код
.FPbeR {
    max-width: 500px;
    width: 100% !important;
    height: 100%;
    padding-top: 10px;
}


Это означает что элемент к которому применен этот стиль, будет всегда 500px если разрешение экрана не менее 500px а если меньше то он будет всегда адаптироваться под 100% ?
да
источник
13:57пожаловаться#12

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
источник
14:00пожаловаться#13

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
вот не могу понять, почему у меня окно такое. Если меняю max-width на min-width то окно становиться 500px но не респонситься если экран меньше 500px
источник
14:01пожаловаться#14

Кm

Кирилл mrDoode in HTML/CSS — русскоговорящее сообщество
Дмитрий
Народ, подскажите, если вот такой CSS код
.FPbeR {
    max-width: 500px;
    width: 100% !important;
    height: 100%;
    padding-top: 10px;
}


Это означает что элемент к которому применен этот стиль, будет всегда 500px если разрешение экрана не менее 500px а если меньше то он будет всегда адаптироваться под 100% ?
Да
источник
14:01пожаловаться#15

BS

Boris Slonov in HTML/CSS — русскоговорящее сообщество
Дмитрий
вот не могу понять, почему у меня окно такое. Если меняю max-width на min-width то окно становиться 500px но не респонситься если экран меньше 500px
У контейнера в котором лежит падинги по краям.
источник
14:14пожаловаться#16

FL

First Last in HTML/CSS — русскоговорящее сообщество
Привет всем. А какой лучший способ уберечь поле ввода пароля ?\
источник
14:14пожаловаться#17

FL

First Last in HTML/CSS — русскоговорящее сообщество
Хватит type="password" или лучше прибегнуть к js?
источник
14:14пожаловаться#18

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Boris Slonov
У контейнера в котором лежит падинги по краям.
источник
14:15пожаловаться#19

BS

Boris Slonov in HTML/CSS — русскоговорящее сообщество
Дмитрий
вот не могу понять, почему у меня окно такое. Если меняю max-width на min-width то окно становиться 500px но не респонситься если экран меньше 500px
Это попап я так понял? Там стандартные стили большие падинги ставят. Поищи где они прописаны
источник
14:15пожаловаться#20