-
Вебмастеру
(
http://forum.oszone.net/forumdisplay.php?f=22)
| vadimiron |
14-02-2007 20:57 550027 |
Select с HTML кодом
Мне нужно нарисовать линию в списке, создаваемoм Select-ом.
Как можно вставлять HTML-код в Select? Или надо имитировать меню с помощью JavaScript?
|
| Prisoner |
15-02-2007 00:54 550088 |
Теги option поддерживают style и class. C их помощью можно сделать option очень похожий на линию, достаточно поиграться с стилевыми свойствами color, font-size, line-height, background. Последний дает больше всего свобод - линию можно сделать замысловатой.
|
| vadimiron |
15-02-2007 14:28 550383 |
Всё хорошо, только ИЕ не поддерживает тег border в style-ах. Так что придётся ограничется чем то типа "-------------------------"
|
| Vlad Drakula |
15-02-2007 15:10 550414 |
vadimiron
есть такой известный хак...
создаем пустой option красим его в нужный цвет и задаем нужную высоту, и используем вместо границы.
|
| vadimiron |
15-02-2007 16:57 550467 |
Цитата:
создаем пустой option красим его в нужный цвет и задаем нужную высоту, и используем вместо границы.
|
Пробывал, вот только высота не меняется, height же?
HTML код:
<option style="height: 2px; background: black;"> </option>
Высота получается как и шрифт других эелементов и не менаяется |
| Vlad Drakula |
15-02-2007 17:08 550472 |
vadimiron
а ты менял размер шрифта в этом option?
|
| vadimiron |
15-02-2007 17:44 550491 |
Vlad Drakula
Нет, шрифт гдето выше дефинирован
|
| Prisoner |
16-02-2007 00:27 550623 |
Стало быть надо поменять :). А чем все же не нравится background? Создаем фон высотой меньшей чем высота option (тут можно примерно, на глаз) и любой шириной и применяем такое правило:
Код:
select.mySelect option {
background: transparent url('bg.gif') repeat-x center left;
}
Меньший вертикальный габарит фона даст отступы от границы коей он будет выглядеть. |
| vadimiron |
16-02-2007 12:42 550812 |
Цитата:
Стало быть надо поменять . А чем все же не нравится background? Создаем фон высотой меньшей чем высота option (тут можно примерно, на глаз) и любой шириной и применяем такое правило:
Код:
select.mySelect option {
background: transparent url('bg.gif') repeat-x center left;
}
Меньший вертикальный габарит фона даст отступы от границы коей он будет выглядеть.
|
Опять не работает в ИЕ7 :( в Firefox-е пашет
как я не люблю вёрстку :(
|
| vadimiron |
16-02-2007 14:31 550860 |
В Опере тоже не работает
|
| Prisoner |
19-02-2007 11:34 552335 |
Наговорил глупостей во бреду :\, таков вердикт, стоило глубже копнуть проблему. Благодарности лучше убрать. По стилизации злополучного селекта лучше всего сказано тут, но это не решение проблемы, перебрал много вариантов. Приношу свои извинения за надежду и зря потраченное время. |
Время: 03:12.
© OSzone.net 2001-
