training rosa
Grupo SEO TELEGRAM [Click Aquí]
Resultados 1 al 12 de 12
Tema:

Ayuda CSS

  1. #1
    animal está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado Ayuda CSS

    Alguien sabe como dar estilo al campo de formulario "file" ?
    Hace literlamente HORAS que estoy tratando de darle estilo a este campo , pero no encuentro manera. También busque en google pero encontre cualquier fruta.

    Se agradece

  2. #2
    Mah Multimedios Invitado

    Predeterminado

    example:
    <style media="all" type="text/css">
    #IDFILE {
    background-color:#000000;
    }
    </style>
    <form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
    <label>
    <input type="file" name="fileField" id="IDFILE" />
    </label>
    </form>

  3. #3
    elQuique Invitado

    Predeterminado

    Asi es , se le da estilo como a cualquier campo, o sea por medio de la id, o por medio de class

    por id:

    <input type="file" name"fileField" id="archivoasubir" />

    #archivoasubir {
    // todas las yerbas de colores, fuentes, fondos
    }
    por class:

    <input type="file" name"fileField" id="archivoasubir" class="miestilete" />

    .miestilete {
    // todas las yerbas de colores, fuentes, fondos
    }

  4. #4
    Mah Multimedios Invitado

    Predeterminado

    ya que estamos, también si quieres aplicárselo a todos los input del formulario (text,file,textarea,etc)
    form input {
    /* CSS */
    }

  5. #5
    elQuique Invitado

    Predeterminado

    Y si quieres formatear todo completico:

    format c: /backup

    :P

  6. #6
    animal está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado

    Si ,ya lo habia intentado asi y me toma el color de fondo y letra , pero no me toma el estilo de los bordes , ni puedo cambiar el color de boton

    en un principio este es el codigo que me da problemas

    Código:
    .upload {
    border:#CCCCCC 1px solid;
    }
    
    <input name="fotos" type="file" class="upload" id="fotos" size="35" />

    Gracias

  7. #7
    Avatar de Hades
    Hades está desconectado Registrado
    Rango: Soy accionista de Google!!

    User Info Menu

    Predeterminado

    pone el css de esta id="fotos" a ver... o sea lo que le estas ordenando.
    ¿Intercambios de calidad? - Enviame un privado...

  8. #8
    Mah Multimedios Invitado

    Predeterminado

    ya que estamos con las alternativas acá pongo otra :p :
    Código:
    <style media="all" type="text/css">
    input[type=file] {
    border-color:#FF0000;
    border-style:solid;
    border-spacing:0px;
    border-width:1px;
    }
    </style>
    
    <input name="fotos" type="file" class="upload" id="fotos" size="35" />
    Así por lo menos en FireFox funciona perfecto.

  9. #9
    animal está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado

    Las dos maneras me funcionaron perfecto en IE7 pero se ven medio feo en FF , los bordes se ven como con "relieve" y no encuentro la forma de sacarlo.

    Lo que mas me molesta es que el resto de los campos tomaron los estilos sin drama y este me esta cagando la estética del form


    Gracias por la mano , en el peor de los casos saco los estilos a la mierda y listo

  10. #10
    Mah Multimedios Invitado

  11. #11
    elQuique Invitado

    Predeterminado

    Y si haces un CSS para IE y otro para los demás ?

  12. #12
    animal está desconectado Registrado
    Rango: Google es mi amigo

    User Info Menu

    Predeterminado

    Gracias por la guia , la info y las ideas , ya mas o menos me voy manejando
    También me encontre con este articulo sobre "estilizado" de formularios que me parecio bastante bueno y ya de paso lo dejo para futuras generaciones que tengan el mismo problema.

    http://www.456bereastreet.com/archiv...form_controls/



    Saludos

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •  
Has visto el post " Ayuda CSS" que está en esta URL y ha sido creado por el usuario animal. Esperamos que te haya sido de utilidad el artículo " Ayuda CSS" que inició el usuario animal de Soywebmaster.com.

Otros Foros de Interés

Curso SEO - Foro SEO - Foro Programacion - Foro Diseño Web - Intercambio de Enlaces - Negocios por Internet - Como Ganar Dinero - Foro Hosting - Foro Apuestas Deportivas

ÚLTIMOS ARTÍCULOS DEL BLOG SEO DE DAVID AYALA

MÉTODOS EFICACES para Indexar Enlaces en Google
Webinar: Keyword Research (Con Emilio García)
Safecont: Una herramienta SEO diferente
MEGA GUÍA SEO AutoPilot (Link Building Automático)
Usamos cookies que analizan hábitos de comportamiento y navegación que aceptas al navegar aquí. Política de privacidad | Cookies | Aviso legal