Как установить ширину поля со списком?

🕛 23.01.2009, 00:22
Поле со списком, которое формируется тегом <SELECT>, по умолчанию равно ширине самого длинного текста, заданного в контейнере <OPTION>. Иными словами, ширина списка формируется автоматически исходя из ширины элементов списка. С помощью стилей, в частности атрибута width, ширину списка можно устанавливать самостоятельно, независимо от исходного значения. Для этого width с требуемым значением следует добавить к селектору SELECT (пример 1).
Пример 1. Ширина списка

HTML 4.01IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Ширина поля со списком</title> <style type="text/css"> SELECT { width: 300px; /* Ширина списка в пикселах */ } </style> </head> <body> <form name="form1" method="post" action=""> <p><select name="select"> <option>Чебурашка</option> <option>Крокодил Гена</option> <option>Шапокляк</option> <option>Крыса Лариса</option> </select></p> </form> </body>
</html>