Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Стиль кнопки обзор

Автор: PARROT 6.6.2005, 16:51

Указываю стиль прописанный css, для input, кнопки обзор, выбор файла, стиль ни в какую не хочет менять цвет кнопки и его шрифт...

Код


.inp{color:#28166F;font-family:Arial;background-color:white;border-color:#E77817;}

Код


<?
if ($auth=="OK") {
?>
<tr>
<td align=center>прикрепить файл:</td>
<td align=center><input type=file name=picture class=inp></td>
</tr>
<?
}
?>

Автор: Black 6.6.2005, 17:32

Цитата

все правильно делаете, однако тут без извращения не обойтись.
Необходимая информация тут:

http://www.quirksmode.org/dom/inputfile.html
http://web.archive.org/web/20040214135023/http://www.dansteinman.com/dynduo/en/selectlist.html
Добавлено @ 17:33
кстати это работает и насчет select

Автор: PARROT 6.6.2005, 18:48

А на русском никакой информации нет?
Я пойму конечно, но привычнее на родном smile

Автор: The MASTER 7.6.2005, 00:54

Поправка:

Код


#inp { color: #28166F; font-family:Arial; background: #ffffff; border: 1px solid #E77817 }

Код


<input type=file name=picture id='inp'>

Автор: Black 7.6.2005, 16:21

Цитата

А на русском никакой информации нет?

PARROT вроде нету smile

Автор: PARROT 7.6.2005, 18:46

PHP-DIRECTOR, спасибо, уже разобралась.
Но еще не пробовала менять smile

Автор: The MASTER 7.6.2005, 20:54

PARROT А что касается моего примера?

Автор: PARROT 8.6.2005, 13:10

The MASTER, к сожалению Вашего примера я не поняла.
Зачем # перед inp?//закоментировано?
И откуда берется id='inp' ?
Связь? smile

Автор: The MASTER 8.6.2005, 15:21

# - это не закомментировано, это css2 называется он работает быстрее чем .class, лучше #id_стиля а потом просто в компоненте вместо class='inp' пишешь id='inp'. smile

Автор: Black 8.6.2005, 16:19

The MASTER

Цитата

вместо class='inp' пишешь id='inp'

ну дык и чего это дает??? это же идентичные записи.

если id=name тогда #name
если class=name тогда .name

id используется в JavaScripts поэтому чтобы не путаться лучше использовать class.

Автор: The MASTER 9.6.2005, 23:08

Не id серьёзно быстрее работает да и выглядет моднее к томуже ведь id не спецом для Ява скриптов созданы. ;)

Автор: Ciber SLasH 14.6.2005, 06:02

Ну и как? удалось найти кросс-браузерное решение ?
А то вот я делал, делал -- в IE работало, а в Опере нет... smile

И я забил на это дело.

Автор: PARROT 14.6.2005, 14:21

Ciber SLasH, решение найти не удалось. А как ты делал для IE?
Честно говоря, я даже не пыталась, если чуть -чуть (не было времени особо smile

), поняла, что это бесполезно, но эта серая кнопа меня раздражает!!!

Автор: Ciber SLasH 14.6.2005, 14:51

Цитата(PARROT @ 14.6.2005, 15:21)

Ciber SLasH, решение найти не удалось. А как ты делал для IE?

Пробовал 2-мя методами:
1) вставлял скрытый <input type=file>, и имитировал его с помощью обычного поля и кнопки (<input type=image>), а у кнопки по событиям onMouseOver и onMouseOut менял картинку. А по нажатию на эту кнопку -- нажимал программно на кнопку "Обзор..." (но такая фишка работает походу только в IE)
2) пробовал играться с прозрачность <input type=file>... уже не помню чего ещё пробовал....
После того, как это не заработало в Опере -- я разозлился и удалил нафик все эти наработки.

Автор: PARROT 14.6.2005, 15:15

Да уж... Когда будет делать совсем нечего или будет совсем скучно, что-нибудь попробую.
Спасибо! smile

А пока пускай так живет.

Автор: mr.Anderson 16.6.2005, 19:04

А как задать ширину кнопки и сделать ее "плоской", т.е. чтобы она не вдавливалась при нажатии?

Автор: PARROT 17.6.2005, 08:51

Есть высота и длина.
style=height:22px;
CSS
Нарисовать кнопку и задать ей CSS

Код


.inp{background-image:url(img/line.png);border:1 solid black}

Автор: Гость_Ann 29.6.2005, 14:23

Здравствуйте! Я не так давно начала изучать язык html, может быть найдется человек которому было бы не трудно ответить на пару вопросов? В основном проблема касается кнопок. Может посоветуете учебник по этой теме?
Заранее благодарна, анна.