Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.08.2018, 21:31
Аспирант
Отправить личное сообщение для fedushok Посмотреть профиль Найти все сообщения от fedushok
 
Регистрация: 18.09.2017
Сообщений: 45

Как выровнять элементы формы
Как выровнять надпись, текстовое поле и кнопку в таблице?
смотреть тут

И самое главное, почему такой результат?

1. Табличная разметка обязательна.
2. Использование тега button обязательно, в кнопке должна быть картинка.
Ответить с цитированием
  #2 (permalink)  
Старый 27.08.2018, 21:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

fedushok,
table td {
       line-height: 0px;
    }
Ответить с цитированием
  #3 (permalink)  
Старый 27.08.2018, 21:56
Аспирант
Отправить личное сообщение для fedushok Посмотреть профиль Найти все сообщения от fedushok
 
Регистрация: 18.09.2017
Сообщений: 45

Я знаю, но не совсем понимаю насколько обоснованно применять свойства для текста к интерфейсным элементам.

Почему кнопка "чудит" и каким образом line-height=0 влияет на её положение?

Последний раз редактировалось fedushok, 27.08.2018 в 22:00.
Ответить с цитированием
  #4 (permalink)  
Старый 27.08.2018, 21:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

fedushok,
ждите знатоков css
Ответить с цитированием
  #5 (permalink)  
Старый 27.08.2018, 22:12
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,587

table td *{
  vertical-align: middle;
}
У элементов baseline разный.
__________________
29375, 35
Ответить с цитированием
  #6 (permalink)  
Старый 28.08.2018, 15:27
Аспирант
Отправить личное сообщение для fedushok Посмотреть профиль Найти все сообщения от fedushok
 
Регистрация: 18.09.2017
Сообщений: 45

Возможно имеет больше оснований говорить о том, что у текста baseline не совпадает с baseline у input и button. У input и button baseline скорее всего проходит одинаково, но кнопка проявляет "индивидуальность". (1) Как узнать где baseline проходит у не текстовых элементов?

Кстати если в кнопку ввести текст, происходит её выравнивание относительно надписи и input без всяких стилей. У input скорее всего baseline проходит через baseline потенциально вводимого текста. Если предварительно ввести текст в input, становится видно, что все элементы вроде как выравниваются по baseline текстовой надписи.

(2) Если предположить, что мнение "У элементов baseline разный." верно, то как определить ту логику с которой baseline назначается для кнопки? Явно, что baseline у кнопки не проходит через середину.

Последний раз редактировалось fedushok, 28.08.2018 в 15:57.
Ответить с цитированием
  #7 (permalink)  
Старый 28.08.2018, 20:42
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,587

Тут вам надо в спецификацию html смотреть, и не факт что поможет.)
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка данных формы. Как выглядит структура метода с AJAX (по JQuery)? Coriolan161 AJAX и COMET 5 24.11.2015 20:17
Как вернуть div и все вложенные в него элементы в первоначальное состояние? lucky89 Общие вопросы Javascript 17 26.02.2015 18:41
Как добавить код яндекс.метрики в обработчик формы? jscooker Events/DOM/Window 1 06.12.2014 11:41
Как вернуть элементы к превоночальному состоянию после переноса? Randomizer jQuery 0 10.10.2012 21:32
Как обрабатывать поля формы с одинаковыми названиями? javascript_pupil Общие вопросы Javascript 3 11.04.2012 21:25