Главная Вход в систему Регистрация
Задать вопрос Консультации Пользователи Форум
О системе Помощь
Задать вопрос экспертам
Консультация № 165836
25.04.2009, 23:00
0.00 руб.
0 5 3
Компьютеры Программирование
Возможно ли как то регулировать ширину тега select?

Обсуждение

Неизвестный
26.04.2009, 02:32
общий
27.04.2009, 18:00
это ответ
Здравствуйте, Александр Романов [Alexo]!

К сожалению, тег SELECT позволяет регулировать лишь свою высоту, которая задается параметром SIZE.

Устанавливает высоту списка. Если значение параметра size равно единице, то список превращается в раскрывающийся. При добавлении параметра multiple к тегу <SELECT> при size="1" список отображается как «крутилка». Во всех остальных случаях получается список с одним или множественным выбором. Вот что пишут на страничке http://www.htmlbook.ru/html/select.html:

Синтаксис: <select size="число">...</select>
Аргументы: любое положительное целое число.
Значение по умолчанию: зависит от параметра multiple. Если он присутствует, то размер списка равен количеству элементов. Когда параметра multiple нет, то по умолчанию значение параметра size равно 1.
Неизвестный
26.04.2009, 13:10
общий
это ответ
Здравствуйте, Александр Романов [Alexo]!
Ширина этого тега формируется по величине самого длинного слова, которое будет в списке.
Поэтому если вы хотите сделать широкий список, создайте в нём строчку из большого количества символов. Чем больше символов, тем шире список.

Удачи!
давно
Александр Романов [Alexo]
Студент
15716
139
26.04.2009, 20:55
общий
Да в том то и дело, что хотелось бы уменьшить, а не увеличить)
Неизвестный
27.04.2009, 09:00
общий
это ответ
Здравствуйте, Александр Романов [Alexo]!
Да конечно можно!
CSS Вам в помощь, хоть картинки на Фон ставьте, а уж использовать width точно никто не запрещает!

Пример, как работает приведенный ниже код: http://temp/RusFaq.ru/html-js/5/5.htm

Приложение:
<html>
<head>
<style>
select.narrow { width: 200px }
select.wide { width: 400px }
</style>

</head>

<body>

<div>
<select name='one' class='narrow'>
<option>One</option>
<option>Two</option>
<option>Tree</option>
</select>

<select name='one' class='wide'>
<option>One</option>
<option>Two</option>
<option>Tree</option>
</select>
</div>

</body>
</html>
5
Неизвестный
28.04.2009, 18:04
общий
ми пардон, ссылку толькко сейчас заметил что дал локальную, такая должна быть: http://x-www.info/RusFaq.ru/html-js/5/5.htm
Форма ответа