Показать полную графическую версию : 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
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.