Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите выровнять кнопки (input ы) / 16 сообщений из 16, страница 1 из 1
16.02.2013, 19:05
    #38154091
Инпутъ
Инпутъ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Помогите выровнять кнопки, а точнее элемент input type="submit"
На картинке видно, что кнопки в зависимости от текста имеют разную ширину. Повлиять на их ширину с путем настройки стиля у меня не получилось (правда у меня пока нет опыта)
Пока что решил проблему путем указания моноширинного шрифта :
Код: html
1.
2.
3.
<style>
#ABCNav input {	font-family:"Lucida Console", Monaco, monospace}
</style>

Но стало интересно как это делается по нормальному ?
 
вот пример странички
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
<body>
<form id="ABCNav" name="ABCNav" method="get" action="" >
<input type="submit" name="word" id="word" value="А" />
<input type="submit" name="word" id="word" value="Б" />
<input type="submit" name="word" id="word" value="В" />
<input type="submit" name="word" id="word" value="Г" />
<input type="submit" name="word" id="word" value="Д" />
<input type="submit" name="word" id="word" value="Е" />
<input type="submit" name="word" id="word" value="Ё" />
<input type="submit" name="word" id="word" value="Ж" />
<input type="submit" name="word" id="word" value="З" />
<input type="submit" name="word" id="word" value="И" />
<input type="submit" name="word" id="word" value="Й" />
<br>
<input type="submit" name="word" id="word" value="К" />
<input type="submit" name="word" id="word" value="Л" />
<input type="submit" name="word" id="word" value="М" />
<input type="submit" name="word" id="word" value="Н" />
<input type="submit" name="word" id="word" value="О" />
<input type="submit" name="word" id="word" value="П" />
<input type="submit" name="word" id="word" value="Р" />
<input type="submit" name="word" id="word" value="С" />
<input type="submit" name="word" id="word" value="Т" />
<input type="submit" name="word" id="word" value="У" />
<input type="submit" name="word" id="word" value="Ф" />
<br>
<input type="submit" name="word" id="word" value="Х" />
<input type="submit" name="word" id="word" value="Ц" />
<input type="submit" name="word" id="word" value="Ч" />
<input type="submit" name="word" id="word" value="Ш" />
<input type="submit" name="word" id="word" value="Щ" />
<input type="submit" name="word" id="word" value="Ъ" />
<input type="submit" name="word" id="word" value="Ы" />
<input type="submit" name="word" id="word" value="Ь" />
<input type="submit" name="word" id="word" value="Э" />
<input type="submit" name="word" id="word" value="Ю" />
<input type="submit" name="word" id="word" value="Я" />
<br>
</form>
</body>
</html>

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.02.2013, 19:27
    #38154112
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Код: css
1.
2.
3.
<style>
  form#ABCNav input { padding: 1px 0; width: 28px; }
</style>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.02.2013, 21:11
    #38154180
Инпутъ
Инпутъ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
спасибо, кажется понял: я width указывал не через стиль а через атрибут, который почему-то не меняет длину инпутов
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.02.2013, 01:42
    #38154350
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Инпутъспасибо, кажется понял: я width указывал не через стиль а через атрибут, который почему-то не меняет длину инпутов Тег <input> . Через какой атрибут из?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.02.2013, 02:00
    #38154364
Инпутъ
Инпутъ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Вот как я до этого дошел (см. картинку)
Я был уверен, что Adobe Dreamveawer предлагает выбрать только то, что для данного элемента допустимо. По крайней мере для разных тэгов список всегда разный.
Заглядывать в htmlbook взял за правило, но недоглядел, еще раз спасибо :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.02.2013, 03:28
    #38154401
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Что за редактор? Какие-то АСПовские штуки?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.02.2013, 10:29
    #38154453
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
IDVsbruckЧто за редактор? Какие-то АСПовские штуки?ИнпутъЯ был уверен, что Adobe Dreamveawer предлагает выбрать только то, что для данного элемента допустимо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.02.2013, 19:40
    #38154802
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Инпутъкнопки, а точнее элемент input type="submit"
Это сколько же у тебя сабмитов?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.02.2013, 22:12
    #38154912
Инпутъ
Инпутъ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
krvsaИнпутъкнопки, а точнее элемент input type="submit"
Это сколько же у тебя сабмитов? сколько букв в русском алфавите (33 если что), а что не так ? отправляется в запросе лишь одна
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2013, 08:21
    #38155162
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Инпутъсколько букв в русском алфавите (33 если что), а что не так ?
Вот это и не так.
Чем провинились обычные кнопки?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2013, 14:04
    #38155619
Инпутъ
Инпутъ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
krvsa,

обычные кнопки это <button> ?

меня смутило, что на htmlbook IE 6.0 жёлтенькый, то бишь поддерживается частично.

а чем провинились инпуты ?

много маленьких инпутиков это плохо а много баттончиков это нормально ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2013, 14:38
    #38155692
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Инпутъобычные кнопки это <button> ?
Или

Код: html
1.
<input type='button' />



Это и есть обычные кнопки, коих и предполагается от одной и более... А вот сабмидные кнопки предполагается иметь по количеству форм на странице. Т.е. они нужны только для отправки форм.

Теперь ясно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2013, 14:59
    #38155740
Инпутъ
Инпутъ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
krvsa... Т.е. они нужны только для отправки форм.

Теперь ясно? Мне как раз и нужно по нажатию на кнопки отправлять форму, и именно с ?имя=значение нажатой кнопки.
Теперь ясно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2013, 15:11
    #38155767
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Инпутъ , т.е. про количество сабмидов ты так и не понял...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2013, 15:37
    #38155836
Инпутъ
Инпутъ
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
krvsa,

это вы чего-то не понимаете.
все кнопки у меня работают как одна, т.к. они сгруппированы под общим именем и отправляется только одна.

Приведу другой пример:
Код: html
1.
2.
3.
<input name="R1" type="radio" value="1" />
<input name="R2" type="radio" value="2" />
<input name="R3" type="radio" value="3" />


почувствуйте разницу:
Код: html
1.
2.
3.
<input name="R1" type="radio" value="1" />
<input name="R1" type="radio" value="2" />
<input name="R1" type="radio" value="3" />

И если вы утверждаете, что на форме нельзя размещать больше одного сабмита, то укажите, пожалуйста, где написано.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.02.2013, 15:44
    #38155854
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнять кнопки (input ы)
Инпутъ , у тебя в примере не кнопки... А т.н. радиобаттоны.

И если тебя так распирает использовать кучу сбмидных кнопок вместо обычных - фик с тобой.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите выровнять кнопки (input ы) / 16 сообщений из 16, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 522ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448699]:
 0ms
get settings:
 7ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 180ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 28ms
get tp. blocked users:
 1ms
others: 280ms
total:  522ms
x
x
Закрыть


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