Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > CSS для select

Автор: Хоббит 6.1.2006, 11:29

Тег select. Сделан для выбора даты рождения. select имеет 60 элементов (option). При выпадении списка он выпадает на весь экран, скролько возможно, а далбше идут полосы прокрутки. Как ограничить число элементов показываемых на экран, при выпадении списка. Знаю, что это делается при помоши css .... не знаю как?

Автор: o.s.a. 6.1.2006, 14:35

Код


<select size=3 multiple>

Автор: Illuminaty 6.1.2006, 17:42

o.s.a., тут другое имелось ввиду. По видимому, задача для выпадающего списка (Menu), а у тебя для статичного списка (List).
Хоббит, если честно, то первый раз об этом слышу.

Автор: Blaga 6.1.2006, 20:34

Illuminaty Согласен. Я сколько с CSS не работал но никогда об этом не слышал... smile

Автор: Хоббит 9.1.2006, 13:44

нда .... зайдити в любую регистрацию. Даже этого форума. Поле для ввода дня рождения или часоввого пояса.... Там офигенный список (если день то 31 элемент, если пояс то 24 (или больше)) ... но они на экран не все же разворачиваются .... а видно штук 10 остальные с помошью прокрутки

Автор: Illuminaty 9.1.2006, 13:57

Ну так и посмотри как там сделано...
Зачем вопросы лишние задавать?

Автор: Хоббит 10.1.2006, 22:53

так там стиль указан ... а само описание стиля в левом файле .. и ниде его не видно ... так что уж .. давайте отвечайте

Автор: Illuminaty 10.1.2006, 23:29

Хоббит, сохрани страницу, на которой твой select находится. В принципе, она должна сохраниться с css файлами. Там и посмотришь, а потом нам расскажешь smile

Автор: Хоббит 11.1.2006, 09:18

...... не сохраняется в ней css smile

Автор: o.s.a. 11.1.2006, 09:27

Хоббит, дай ссылку я сохраню smile

Автор: Guedda 11.1.2006, 16:33

Такого не делается. По крайней мере я еще нигде не видел. На форумах и везде без никаких css делают.

Автор: Хоббит 11.1.2006, 20:17

.... так ... открывай блокнот ... пиши
<select size = '1' name = 'day'>
<option>1</option>
....
<option>31</option>
</select>

открывай окно // разворачивай список и смотри какой он длинный и некрасивый ... теперь открой любой форум с регистрацией и открой там список ... получишт всего пунктов 10

Автор: Blaga 12.1.2006, 14:28

Хоббит
Это код списка заметь какой у него класс.

Код


  <select name='day' class='forminput'><option value='0'>--</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option>
..............................
<option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option></select>

А это класс, находилось описание между прочим на той же странице а не в удаленном файле.

Код


.forminput, .textinput, .radiobutton, .checkbox  { font-size: 12px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

Сам не проверял но должно сработать.

Автор: Blaga 13.1.2006, 07:15

Хоббит Авообще то я литературе посмотрел там у тега '<select>' есть такой атрибут size=n в спецификации написано что должно работать.

Автор: o.s.a. 13.1.2006, 09:05

Цитата(Хоббит @ 6.1.2006, 13:29

)

select имеет 60 элементов (option). При выпадении списка он выпадает на весь экран, скролько возможно, а далбше идут полосы прокрутки.

это, ИМХО, свойство брайзера.

Код


<?
echo "<select>";
for($i=0; $i<100; $i++) echo "<option>".$i."</option>";
echo "</select>";
?>

В ИЕ выпадает 30 элементов, в FF - 20.

Автор: OlegNT 1.3.2007, 10:16

Зачем на годе рождения делаь выпадающий список, когда даже с пользовательской стороны гораздо проще набрать его с клавиатуры цифрами? А в поле ввода JavaScript-ом проверять просто, в правильном ли формате введен год или нет (т.е. должны бть только цифры и, скажем, от 1950 до 2000)