Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > ширина поля select


Автор: katka 13.1.2005, 10:50
надо выбирать название филиала в поле select. филиалы у нас называются ОГО как длинно! например, "Аэронавигация Северо-Восточной Сибири". а у меня места мало для select'а, где-то 120пх.
как поступить?
если в стилях фиксирую ширину селекта, то слова обрубаются. как тут не перепутать, чья аэронавигация?
можно ли как-нибудь сделать, чтобы окошко select'а было нужной ширины, а при выборе значения option'ы показывались целиком?
IE, по крайней мере, обрубает и их заодно 8(
подскажите, пожалуйста.

Автор: Се ля ви 13.1.2005, 11:09
Я бы написал надписи по-короче, типа обрывать не просто, а символами "..." (а лучше аббривиатуры какие-нибудь), и на них попытался поставить хинты - либо через "title", либо, если не выйдет, на JavaScript - там можно...

Впринципе, можно так же из JavaScript сделать полностью select как надо (Edit + Button, по нажатию на который показ слоя со списком, на котором обрабатываешь переходы мышки), но это - жуткий гемор...

Автор: maris 13.1.2005, 13:00
select и option средствами html разной длины не сделаешь. Так что единственный вариант - сокращать названия. Или увеличивать свободное место.

Автор: katka 13.1.2005, 14:38
css'ом сделаешь! 8\ разной длины, ага.
только .. чёрт! сокращать названия нельзя. они же ТАК называются.. официальный сайт ЖЕ 8( фу. и аббббревиатуры в нашей организации не приняты никакие.
я теперь со слоями заморочилась, там тоже вопрос возник..

не знаю даже, где спрашивать: в вёрстке или в javascript'ах.

вот: если у меня будут отдельно инпут и батон.. и слой со списком выскакивающий.. как мне инпут запретить к редактированию?
1) disabled — во-первых, цвет текста серый. а по стилю сайта положен серый фон в формах. цвет текста в disabled никак не поменять. во-вторых, не работает в netscape'ах, вроде бы.
2) можно написать onfocus="this.blur()" .. но: тогда для поля не отменяется копи-паст 8( туда можно два раза кликнуть и вставить текст какой угодно. нехорошо это.

как ещё можно?

Автор: ida 14.1.2005, 09:38
Цитата(katka @ 13.1.2005, 14:38)
css'ом сделаешь!

Как? Напиши пример, плиз.

Автор: katka 14.1.2005, 10:38
ключевое слово "видтх" +)
Код

<select name="kakoy" style="width:120px">
<option value="1461">Тысяча четыреста шестьдесят первый</option>
<option value="792">Семьсот девяносто второй</option>
</select>

Автор: ida 14.1.2005, 14:42
То, что select у тебя будет шириной в 120px, понятно - а то, что option будет иметь ширину, отличную от 120px, из этого кода отнюдь не следует. smile

Автор: katka 14.1.2005, 15:13
гммм. ну, да. smile иначе бы я не спрашивала..
просто не так поняла вопрос.

да.. никак не сделаешь.. я в слои вдарилась smile
боже..

оффтопик, ага?

smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)