(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
![]() |
|
Alati teme | Način prikaza |
|
![]() |
#1 |
banned
Professional
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
![]() ![]() ![]() ![]() ![]() ![]() ![]() |
![]() Postavi html i css kod.
Pokušaj tako što ćeš veličinu file input elementa menjati menjanjem font-size css osobine, postavi neku veliku vrednost npr. font-size: 100px; a div elementu postavi overflow: hidden;. File input elemenat pozicioniraj unutar div position: absolute; top: 0px; right: 0px;
__________________
Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with bul*s**t.” Poslednja izmena od Br@nkoR : 29. 08. 2012. u 10:55. |
![]() |
![]() |
![]() |
#2 |
profesionalac
Qualified
Datum učlanjenja: 02.05.2009
Poruke: 193
Hvala: 27
8 "Hvala" u 6 poruka
![]() |
![]() Evo jednog primera, meni radi.
HTML kôd:
<style> .file_input_div { position: relative; width: 190px; height: 27px; overflow: hidden; } .file_input_button { width: 190px; position: absolute; top: 0px; background-color: #2791CB; color: #FFFFFF; border:0px; padding:2px; font-weight:bold; cursor:pointer; } .file_input_hidden { font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0; cursor:pointer; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } </style> <div class="file_input_div"> <input type="button" value="Dodaj dokument" class="file_input_button box_border" /> <input type="file" id="fileNameDodC4" class="file_input_hidden" name='fajl' /> </div> |
![]() |
![]() |
![]() |
|
|