Размер элемента select (выпадающий список)
текст в элементах выпадающего списка слишком длинный в соответствии с его длиной таким же делается и сам список, а хотелось бы укоротить его длину.
Можно ли такое сделать не укорачивая текста элементов списка?
Можно поставить size="кол-во_строк", но после этого список получается уже не выпадающем
Цитата:
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>
<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>
Цитата:
Originally posted by Carpus
Если речь идет о ширине выпадающего списка (и его элементов <option>), то решение в задании стилевого свойства width:
Если речь идет о ширине выпадающего списка (и его элементов <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>
<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 элемента), но я думаю что дело не в этом, мне кажется дело в ВЫПАДАЮЩЕМ списке что бы в этом списке делать опрделенное кол-во (видимых, выпадающих) строк
Отлично, работает, спасиб.
через style="width:300px" в селекте - больше никак
Раньше в FF этот номер не прокатывал. Сейчас, должно быть, всё нормально?
Действует только для IE. В хроме, опере и фаерфоксе всё-равно выпадает длинной строкой
Цитата: 0x2f8f
Действует только для IE. В хроме, опере и фаерфоксе всё-равно выпадает длинной строкой
Специально проверил:
IE8 - работает
FF4 - работает
Opera 10.53 - работает
Chrome 11 - работает
Safari 5.0.5 - работает
Ваши сомнения сильно преувеличены ;)