Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / смещение submit и text / 9 сообщений из 9, страница 1 из 1
19.12.2012, 15:03
    #38085227
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
есть submit элемент и text.

Код: html
1.
<input type="submit" value="отправить"><input type="submit" value="очистить">



Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
input[type=submit], button {
	box-sizing: content-box;
}

.search input[type=submit] {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 20px;
}

.search input[type=text] {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 20px;
}



Результат в прикрепленном файле.

Подскажите, почему элементы не выравниваются по верхней границе?
...
Рейтинг: 0 / 0
19.12.2012, 16:04
    #38085347
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
spider13есть submit элемент и text.
Код: html
1.
<input type="submit" value="отправить"><input type="submit" value="очистить">
...
Рейтинг: 0 / 0
19.12.2012, 16:58
    #38085464
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
Паганельspider13есть submit элемент и text.
Код: html
1.
<input type="submit" value="отправить"><input type="submit" value="очистить">



оу, извиняюсь, не с того места скопировал.

Код: html
1.
<input type="submit" value="" /><input type="text" name="text" />
...
Рейтинг: 0 / 0
19.12.2012, 17:23
    #38085514
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
display: block
и
float: left
http://jsfiddle.net/W4qMA/3/
...
Рейтинг: 0 / 0
19.12.2012, 17:51
    #38085573
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
да я прекрасно понимаю как исправить, вопрос был почему так?
...
Рейтинг: 0 / 0
19.12.2012, 17:53
    #38085579
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
я не знаю
...
Рейтинг: 0 / 0
19.12.2012, 20:21
    #38085803
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
spider13вопрос был почему так?
Просто у этих элементов разное понимание "пространства вокруг" и "своего размера"...
Хочешь "одинаковости" - делай ДИВами. Стилизуй один под кнопку, а во второй суй текст без бордера и всех (!) отступов...

P.S.
Так же никогда не сравняешь чекбоксы и радиобаттоны - это все из той же оперы...
...
Рейтинг: 0 / 0
20.12.2012, 00:31
    #38086036
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
krvsaПросто у этих элементов разное понимание "пространства вокруг" и "своего размера"...под разными браузерами все более разное
...
Рейтинг: 0 / 0
20.12.2012, 11:02
    #38086345
mage.lan
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смещение submit и text
spider13,

У всех элементов есть настройки по умолчанию, каждый производитель делает их как ему нравится, т.к. даже стандарт не может уберечь от криворучек программистов, чтобы достичь одинаковости прописываете следующие css стили идентичными для ваших элементов формы:
margin
padding
border
outline
font-size
line-height
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / смещение submit и text / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]