PDA

Показать полную графическую версию : Select с HTML кодом


vadimiron
14-02-2007, 20:57
Мне нужно нарисовать линию в списке, создаваемoм Select-ом.
Как можно вставлять HTML-код в Select? Или надо имитировать меню с помощью JavaScript?

Prisoner
15-02-2007, 00:54
Теги option поддерживают style и class. C их помощью можно сделать option очень похожий на линию, достаточно поиграться с стилевыми свойствами color, font-size, line-height, background. Последний дает больше всего свобод - линию можно сделать замысловатой.

vadimiron
15-02-2007, 14:28
Всё хорошо, только ИЕ не поддерживает тег border в style-ах. Так что придётся ограничется чем то типа "-------------------------"

Vlad Drakula
15-02-2007, 15:10
vadimiron
есть такой известный хак...
создаем пустой option красим его в нужный цвет и задаем нужную высоту, и используем вместо границы.

vadimiron
15-02-2007, 16:57
создаем пустой option красим его в нужный цвет и задаем нужную высоту, и используем вместо границы.
Пробывал, вот только высота не меняется, height же?

<option style="height: 2px; background: black;"> </option>

Высота получается как и шрифт других эелементов и не менаяется

Vlad Drakula
15-02-2007, 17:08
vadimiron
а ты менял размер шрифта в этом option?

vadimiron
15-02-2007, 17:44
Vlad Drakula
Нет, шрифт гдето выше дефинирован

Prisoner
16-02-2007, 00:27
Стало быть надо поменять :). А чем все же не нравится background? Создаем фон высотой меньшей чем высота option (тут можно примерно, на глаз) и любой шириной и применяем такое правило:
select.mySelect option {
background: transparent url('bg.gif') repeat-x center left;
}
Меньший вертикальный габарит фона даст отступы от границы коей он будет выглядеть.

vadimiron
16-02-2007, 12:42
Стало быть надо поменять . А чем все же не нравится background? Создаем фон высотой меньшей чем высота option (тут можно примерно, на глаз) и любой шириной и применяем такое правило:

Код:
select.mySelect option {
background: transparent url('bg.gif') repeat-x center left;
}
Меньший вертикальный габарит фона даст отступы от границы коей он будет выглядеть.

Опять не работает в ИЕ7 :( в Firefox-е пашет

как я не люблю вёрстку :(

vadimiron
16-02-2007, 14:31
В Опере тоже не работает

Prisoner
19-02-2007, 11:34
Наговорил глупостей во бреду :\, таков вердикт, стоило глубже копнуть проблему. Благодарности лучше убрать. По стилизации злополучного селекта лучше всего сказано тут (http://www.456bereastreet.com/lab/form_controls/select/), но это не решение проблемы, перебрал много вариантов. Приношу свои извинения за надежду и зря потраченное время.




© OSzone.net 2001-2012