Dimensione casella di testo dell'input file

[ReWeNgE]

Ciao a tutti

Ho trovato un'opzione interessante per sostituire il bottone classino dell'input file con un'immagine a piacimento ma ho un problema; vi posto il codice così magari può servire a qualcuno

    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; }

       <div class="fileinputs">
         <input type="file" class="file" name="file">
         <div class="fakefile">
           <input>[img]../images/cartella.gif[/img]
         </div>
       </div>

Come faccio a decidere le dimensioni della casella di testo dove viene riportato l'indirizzo del file selezionato?
In realtà non vorrei proprio che venisse visualizzata la casella

[mexican]

Originariamente inviato da ReWeNgE
Ciao a tutti

Ho trovato un'opzione interessante per sostituire il bottone classino dell'input file con un'immagine a piacimento ma ho un problema; vi posto il codice così magari può servire a qualcuno

    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; }

       <div class="fileinputs">
         <input type="file" class="file" name="file">
         <div class="fakefile">
           <input>[img]../images/cartella.gif[/img]
         </div>
       </div>

Come faccio a decidere le dimensioni della casella di testo dove viene riportato l'indirizzo del file selezionato?
In realtà non vorrei proprio che venisse visualizzata la casella

width=""

[ReWeNgE]

Scusa ma dove lo devo mettere?
Ho provato così.. ma non funziona

     <th width="10%">
       <div class="fileinputs">
         <input type="file" class="file" name="file" width="">
         <div class="fakefile">
           <input>[img]../images/cartella.gif[/img]
         </div>
       </div>
     </th>

[mexican]

Originariamente inviato da ReWeNgE
Scusa ma dove lo devo mettere?
Ho provato così.. ma non funziona

     <th width="10%">
       <div class="fileinputs">
         <input type="file" class="file" name="file" width="">
         <div class="fakefile">
           <input>[img]../images/cartella.gif[/img]
         </div>
       </div>
     </th>

devi mettere una dimensione nel width, width="30"

[webdemo]

Come faccio a decidere le dimensioni della casella di testo dove viene riportato l'indirizzo del file selezionato? In realtà non vorrei proprio che venisse visualizzata la casella

togli semplicemente <input> davanti a <img