Рамка у textarea мешает дизайну.

[In_Variant]

Заведенная вновь мной тема уже когда-то поднималась я где-то в результатах поиска видела - сейчас не могу найти.

И уважаемый s0rr0w сильно ругался на автора темы. Тем не менее, мне необходим ответ на поднимаемый вопрос.

На самом деле вопроса два.

1. У меня имеется Select с множеством записей. Селект не выпадающий, а прокручивающийся. У меня возникла необходимость убрать бордер у селекта, ибо в дизайн сайта эта рамка ну никак не вписывается.

.select{
width:100%;
height:300px;
margin:0px;
border:0px solid black;
}

простой бордер со значение 0 понимает только ФФ. Ни какой ИЕ - ни 6, ни 7, ни 8 - это не понимает. Как заставить ИЕ все же убрать эту злосчастную рамочку?

2. Мне необходимо в этом же селекте поставить у option'ов на бэкграунд свою картинку.

.select option{
background:url(img/icons.gif) no-repeat; 
text-indent: 15px;
color:#555;
}

проблема та же: ФФ работает как часы, с ИЕ одна беда. В ие (чтоб его!!! ) данный стиль не работает. Помогите заставить ИЕ работать!

[hf3]

рисуй свои контролы.

На фф и ие - спиоск браузеров не ограничивается)

[In_Variant]

рисуй свои контролы.

А мы с вами уже на ты?

На фф и ие - спиоск браузеров не ограничивается)

Да что вы говорите? а я то и не знала!

Уважаемая hf3, если вы не знаете ответа на вопрос или не можете посоветовать ничего полезного, зачем вообще отвечать... Разве что ради повышения статуса под аватаркой.

Edited January 19, 2010 by In_Variant

[hf3]

Как вам будет угодно милейший Ин_Вариант.

Стандартные контролы - они по мнению ИЕ (впрочем и моему)- на то и стандартные.

Попытки их кастомизировать как правило ни к чему не приводят.

Единственный вариант - нарисовать своё - тут у вас полная свобода творчества. времени вы убъете меньше чем пытаясь переделать существующие.

Про браузеры я к тому что и Опера и Хром (вроде как, но точно не помню) тоже не ахти как кастомизируют контролы, так что это не косяк ИЕ, а самодеятельность ФФ

[In_Variant]

Ага, а вот за это спасибо.

Ну рисовать-то мы умеем-с. А вот как нарисованное присобачить туда куда нужно - это проблема.

Ладно, попробую поискать как это делается.

Благодарю за вектор поиска!

[hf3]

Можно посмотреть как это реализовани к примеру вконтакте.

[Great Rash]

В вашем случае поможет только яваскрипт. Больше вы вид селекта не измените никак (особенно в ИЕ). Единственное что возможно сделать - это убрать у него бордер. Про бордер тема уже поднималась, воспользуйтесь поиском.

[In_Variant]

В вашем случае поможет только яваскрипт. Больше вы вид селекта не измените никак (особенно в ИЕ). Единственное что возможно сделать - это убрать у него бордер. Про бордер тема уже поднималась, воспользуйтесь поиском.

Ну я и сказала, что найти не могу... поищу еще.

А как быть со вторым вопросом?

2. Мне необходимо в этом же селекте поставить у option'ов на бэкграунд свою картинку.

Код

.select option{

background:url(img/icons.gif) no-repeat;

text-indent: 15px;

color:#555;

}

проблема та же: ФФ работает как часы, с ИЕ одна беда. В ие (чтоб его!!! angry.gif ) данный стиль не работает. Помогите заставить ИЕ работать!

[s0rr0w]

Ну я и сказала, что найти не могу... поищу еще.

А как быть со вторым вопросом?

По всем вопросам - рисовать свои контролы.

[In_Variant]

ясно.... будем рисовать

[In_Variant]

Хммм... рисовать собсна ничего и не пришлось. Можно ведь воспользовать штатными средствами CSS.

я просто внесла запись clip:rect(3px 247px 307px 3px); в #sidebar .select в отдельный файл для ИЕ.

#sidebar .select{

position:absolute;

top:-3px;

left:10px;

width:250px;

height:310px;

margin:0px;

clip:rect(3px 247px 307px 3px);

background-color:#f7f7f7;

border:0px solid black;

}

И все заработало. Это именно то, что мне и нужно было...

hf3, s0rr0w, разве так нельзя было сделать?

[Great Rash]

Можно и проще сделать. Но это не решает вашу проблему с бекграундом на <option>.

[In_Variant]

Можно и проще сделать. Но это не решает вашу проблему с бекграундом на <option>.

а это проблему просто картинками решу

[hf3]

Хммм... рисовать собсна ничего и не пришлось. Можно ведь воспользовать штатными средствами CSS.

я просто внесла запись clip:rect(3px 247px 307px 3px); в #sidebar .select в отдельный файл для ИЕ.

#sidebar .select{

position:absolute;

top:-3px;

left:10px;

width:250px;

height:310px;

margin:0px;

clip:rect(3px 247px 307px 3px);

background-color:#f7f7f7;

border:0px solid black;

}

Оригинально, но мне кажется в данном случае все заточены под конкретные размеры - т.е. масштабировать - добавлять новые элементы - будет сложно

К тому же - отрисовка стандартных контролов - прерогатива ОС (или браузера, если рисует свои - например Опера) - т.е. Эти контролы могут выглядеть по разному даже в разных версиях виндовс, не говоря уже о Маках и линуксах.

Edited January 20, 2010 by hf3

[In_Variant]

Оригинально, но мне кажется в данном случае все заточены под конкретные размеры - т.е. масштабировать - добавлять новые элементы - будет сложно.

Да, конечно, под конкретные размеры. Мне так устраивает, т.к. у меня селект не меняется. Понятное дело, что этот вариант не универсален.

К тому же - отрисовка стандартных контролов - прерогатива ОС (или браузера, если рисует свои - например Опера) - т.е. Эти контролы могут выглядеть по разному даже в разных версиях виндовс, не говоря уже о Маках и линуксах.

это-то все да... я проверяла и на опере и на нетскейпе и на ие всех версий(6,7,8). Вроде все норм.

Пока пусть так будет. Потом может и отрисовку сделаю.

[hf3]

Нэтскейп ещё жив?

[In_Variant]

Нэтскейп ещё жив?

а то! по первой ссылке в гугле))

обычно я ставлю для проверки браузеров 6-8

ФФ

ИЕ7

Хром

Опера

Сафари

Нетскейп

еще можно симанки

еще ие6 и 8 на виртуалках.

После чего получается более-менее адекватное представление о том как сайт будет смотреться в нете.

Edited January 20, 2010 by In_Variant

[hf3]

не хочу расстраивать, но

[In_Variant]

не хочу расстраивать, но

ну хз

Edited January 21, 2010 by In_Variant