ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите выровнять кнопки (input ы)
16 сообщений из 16, страница 1 из 1
Помогите выровнять кнопки (input ы)
    #38154091
Инпутъ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Инпутъ
Гость
Помогите выровнять кнопки, а точнее элемент 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:05
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38154112
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: css
1.
2.
3.
<style>
  form#ABCNav input { padding: 1px 0; width: 28px; }
</style>
...
Рейтинг: 0 / 0
16.02.2013, 19:27
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38154180
Инпутъ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Инпутъ
Гость
спасибо, кажется понял: я width указывал не через стиль а через атрибут, который почему-то не меняет длину инпутов
...
Рейтинг: 0 / 0
16.02.2013, 21:11
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38154350
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Инпутъспасибо, кажется понял: я width указывал не через стиль а через атрибут, который почему-то не меняет длину инпутов Тег <input> . Через какой атрибут из?
...
Рейтинг: 0 / 0
17.02.2013, 01:42
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38154364
Инпутъ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Инпутъ
Гость
Вот как я до этого дошел (см. картинку)
Я был уверен, что Adobe Dreamveawer предлагает выбрать только то, что для данного элемента допустимо. По крайней мере для разных тэгов список всегда разный.
Заглядывать в htmlbook взял за правило, но недоглядел, еще раз спасибо :)
...
Рейтинг: 0 / 0
17.02.2013, 02:00
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38154401
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Что за редактор? Какие-то АСПовские штуки?
...
Рейтинг: 0 / 0
17.02.2013, 03:28
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38154453
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
IDVsbruckЧто за редактор? Какие-то АСПовские штуки?ИнпутъЯ был уверен, что Adobe Dreamveawer предлагает выбрать только то, что для данного элемента допустимо.
...
Рейтинг: 0 / 0
17.02.2013, 10:29
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38154802
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Инпутъкнопки, а точнее элемент input type="submit"
Это сколько же у тебя сабмитов?
...
Рейтинг: 0 / 0
17.02.2013, 19:40
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38154912
Инпутъ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Инпутъ
Гость
krvsaИнпутъкнопки, а точнее элемент input type="submit"
Это сколько же у тебя сабмитов? сколько букв в русском алфавите (33 если что), а что не так ? отправляется в запросе лишь одна
...
Рейтинг: 0 / 0
17.02.2013, 22:12
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38155162
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Инпутъсколько букв в русском алфавите (33 если что), а что не так ?
Вот это и не так.
Чем провинились обычные кнопки?
...
Рейтинг: 0 / 0
18.02.2013, 08:21
| Ответить | Цитировать | Написать  
Помогите выровнять кнопки (input ы)
    #38155619
Инпутъ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Инпутъ
Гость
krvsa,

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

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

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

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

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



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

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

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

И если тебя так распирает использовать кучу сбмидных кнопок вместо обычных - фик с тобой.
...
Рейтинг: 0 / 0
18.02.2013, 15:44
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите выровнять кнопки (input ы)
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38154802&tid=1448699]:
 0ms
get settings:
 8ms
get forum list:
 22ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 189ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 241ms
total:  528ms
созд. / загр.: 528ms
x
x
Закрыть


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