Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] input type file y position absolute

Estas en el tema de input type file y position absolute en el foro de HTML en Foros del Web. 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" ...
  #1 (permalink)  
Antiguo 01/01/2013, 04:33
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 2 meses
Puntos: 29
input type file y position absolute

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 ??
  #2 (permalink)  
Antiguo 01/01/2013, 06:18
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: input type file y position absolute

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.
  #3 (permalink)  
Antiguo 01/01/2013, 06:33
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: input type file y position absolute

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 02/01/2013, 05:15
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 2 meses
Puntos: 29
Respuesta: input type file y position absolute

Cita:
Iniciado por emprear Ver Mensaje
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

Última edición por patilanz; 02/01/2013 a las 05:25

Etiquetas: file, input, position, type
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:50.