Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

Форум PHP

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Кнопка ОБЗОР
 
 автор: YAN   (31.03.2006 в 14:39)   письмо автору
 
 


<form action="zagruzka.php" method="post" enctype="multipart/form-data" ><input style="MARGIN-TOP: 5px; BACKGROUND: 727272; FONT: 11px tahoma; COLOR: White" type="file" name="filename"><br> <input style="MARGIN-TOP: 5px; BACKGROUND: 727272; FONT: 11px tahoma; COLOR: White" type="submit" value="Загрузить"><br></form>




Помогите на кнопку ОБЗОР повесить дизайн.
style="MARGIN-TOP: 5px; BACKGROUND: 727272; FONT: 11px tahoma; COLOR: White"

   
 
 автор: XPraptor   (31.03.2006 в 14:51)   письмо автору
 
   для: YAN   (31.03.2006 в 14:39)
 

В элементе file кнопка обзор не управляемая. Она добавляется автоматом и имеет параметры обычной кнопки прописанной в стилях. Поэтому добавь в css файл или в тэг <style> дизайн по умолчанию для всех кнопок и он должен действовать на эту кнопку. А для всех остальных кнопок надо тогда свой класс назначать.

   
 
 автор: Artemy   (31.03.2006 в 16:57)   письмо автору
 
   для: XPraptor   (31.03.2006 в 14:51)
 

На кнопку обзор и <select> нельзя применить стиль!!! Увы!

Конечно есть способы, но они очень бестолковые.

   
 
 автор: XPraptor   (31.03.2006 в 17:31)   письмо автору
 
   для: Artemy   (31.03.2006 в 16:57)
 

Да, оказывается и button не помогает. Только можно изменить цвет и форму границ кнопки browse...

   
 
 автор: XPraptor   (31.03.2006 в 17:48)   письмо автору
 
   для: XPraptor   (31.03.2006 в 17:31)
 

Вот тут предложили интересное решение. Необычно, но работает в новых обозревателях (IE 5.0 и Opera) без дополнительного ява кода.
А в старых обозревателях нужно еще явой подправлять позиционирование и прозрачность.

Вот стили в css:

div.fileinputs {
    position: relative;
}
div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
input.file {
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}


А вот сам элемент на странице: (select.gif - это картинка, которая заменит кнопку browse...)

<div class="fileinputs">
    <input type="file" class="file">
    <div class="fakefile">
        <input>
        <img src="select.gif">
    </div>
</div>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования