Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Размер элемента select (выпадающий список)

4.8K
12 мая 2006 года
xm...
45 / / 20.11.2004
Есть такая проблема:
текст в элементах выпадающего списка слишком длинный в соответствии с его длиной таким же делается и сам список, а хотелось бы укоротить его длину.
Можно ли такое сделать не укорачивая текста элементов списка?
1.8K
13 мая 2006 года
LastSoul
279 / / 28.12.2005
Кажется нельзя...
Можно поставить size="кол-во_строк", но после этого список получается уже не выпадающем
832
13 мая 2006 года
Carpus
390 / / 14.04.2005
Цитата:
Originally posted by xm...
текст в элементах выпадающего списка слишком длинный в соответствии с его длиной таким же делается и сам список, а хотелось бы укоротить его длину.
Можно ли такое сделать не укорачивая текста элементов списка?



Если речь идет о ширине выпадающего списка (и его элементов <option>), то решение в задании стилевого свойства width:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>select width</title>
<style type="text/css">
  #s1, #s1 option {
 width: 100px;
  margin: 0;
  padding: 0;
  }
</style>
</head>
<body>
<select id="s1">
  <option>Слишком длинный элемент списка</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
</body>
</html>
1.8K
13 мая 2006 года
LastSoul
279 / / 28.12.2005
Цитата:
Originally posted by Carpus
Если речь идет о ширине выпадающего списка (и его элементов <option>), то решение в задании стилевого свойства width:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>select width</title>
<style type="text/css">
  #s1, #s1 option {
 width: 100px;
  margin: 0;
  padding: 0;
  }
</style>
</head>
<body>
<select id="s1">
  <option>Слишком длинный элемент списка</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
</body>
</html>


В приципе и твой правильный вариант (т.к. xm... говорил о длине т.е. width элемента), но я думаю что дело не в этом, мне кажется дело в ВЫПАДАЮЩЕМ списке что бы в этом списке делать опрделенное кол-во (видимых, выпадающих) строк

4.8K
14 мая 2006 года
xm...
45 / / 20.11.2004
Отлично, работает, спасиб.
39K
23 мая 2008 года
A.St.
1 / / 23.05.2008
через style="width:300px" в селекте - больше никак
8
24 мая 2008 года
mfender
3.5K / / 15.06.2005
Раньше в FF этот номер не прокатывал. Сейчас, должно быть, всё нормально?
71K
02 мая 2011 года
0x2f8f
1 / / 02.05.2011
Действует только для IE. В хроме, опере и фаерфоксе всё-равно выпадает длинной строкой
8
03 мая 2011 года
mfender
3.5K / / 15.06.2005
Цитата: 0x2f8f
Действует только для IE. В хроме, опере и фаерфоксе всё-равно выпадает длинной строкой


Специально проверил:
IE8 - работает
FF4 - работает
Opera 10.53 - работает
Chrome 11 - работает
Safari 5.0.5 - работает

Ваши сомнения сильно преувеличены ;)

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог