[SOLUCIONADO] input type file y position absolute

[patilanz]

Hola quiero hacer un botón diferente del normal input type="file" .

Vi en una pagina que lo hacían de esta manera:

-Esconde el input type="file" con opacity:0 y luego posicionar lo con position absolute sobre un botón y a su lado poner un input text que cogerá el valor del file cuando este cambia.

Pero no consigo posicionar bien el file ya que con position absolute y las demás cosas las tengo con posición normal y en diferentes pc me lo muestra de diferente manera..

Saben como se podría hacer ??

[pzin]

Habría que ver el código que estás usando.

De todas formas, si vas a usar una posición absoluta para colocar el elemento, el elemento contenedor/padre tendría que tener una posición relativa y luego el elemento con posición absoluta lo vas ajustando con top/right (y/o bottom/left).

Yo lo haría más fácil y le daría al input —el de cero opacidad— una posición relativa y ajustarlo con top negativo. Supongo que es lo que hará la mayoría de la gente.

[emprear]

A ver si este te sirve, a mi me funciona bien en Chrome, FF, IE,Opera, SAfari

http://foros.emprear.com/html/file-input/
Requiere de Javascript

Advierto que el botón subir está desactivado

SAludos

[patilanz]

Iniciado por emprear

A ver si este te sirve, a mi me funciona bien en Chrome, FF, IE,Opera, SAfari

[url]http://foros.emprear.com/html/file-input/[/url]
Requiere de Javascript

Advierto que el botón subir está desactivado

SAludos

Gracias ya me funciona pero no con ie 7 y 8 y anteriores. El problema esta en ie 8.

Voy a intentar hacer lo tambien en ie 8 pero creo que la opacidad es el problema .

Saludos