Formularios iguales en todos los navegadores

[pann84]

No sé si me estaré equivocando de subforo preguntando esto, pero espero no haber metido la pata. Mi pregunta es simple ¿hay algún modo de que los formularios queden exactamente iguales en varios navegadores?

Yo normalmente hago las webs para IE, Firefox, Chrome, Safari y Ópera, en sus últimas versiones. Y los input de los formularios siempre varían de tamaño de un navegador a otro, porque su tamaño va en función de los caracteres que contenga, y no todos usan las mismas fuentes, con lo cual varía.

¿Se puede?

[miktrv]

Yo diría que sí.

Aplicando los estilos correctos sí.

Es más, puedes cargar una hoja de estilo dependiendo de cada navegador o puedes usar ciertas partes de tu css por navegador, garantizando así la personalización de estos.

Un saludo!

[ArturoGallegos]

Yo diría que no se puede totalmente igual ya que algunos navegadores como chrome y safari aplican un resaltado cuando seleccionas un campo… o por lo menos yo no me he topado con algo para retirar ese efecto.

De allí en fuera lo que mencionas del tamaño y la letra puedes especificarlo en tu hoja de estilos y se verá igual en todo navegador.

[miktrv]

Iniciado por Ag666

Yo diría que no se puede totalmente igual ya que algunos navegadores como chrome y safari aplican un resaltado cuando seleccionas un campo… o por lo menos yo no me he topado con algo para retirar ese efecto.

De allí en fuera lo que mencionas del tamaño y la letra puedes especificarlo en tu hoja de estilos y se verá igual en todo navegador.

Hola buenas de nuevo,

Yo no me refería a esa parte ya que eso no es apariencia del formulario en sí, mas bien es al hacer click, creo que se refería a tamaños, fondos, bordes.

Un saludo!!

[pann84]

He probado con hojas de estilo, pero no me deja definir el tamaño de los input type="text" en px ni en nada que no sean caracteres ¿se puede con alguna otra medida rara o algo así?

[miktrv]

Con la propiedad width deberías poder definir el tamaño.

Un saludo!

[pann84]

Iniciado por miktrv

Con la propiedad width deberías poder definir el tamaño.

Un saludo!

Lo he probado, con px como unidades y nada... mi problema es sólo con cuestiones del tamaño de los input de texto, los fondos bordes y demás obedecen fielmente al CSS... sólo es el tamaño

[ArturoGallegos]

muestranos un codigo de ejemplo que empleas para los input, y te podremos decir en que te esta fallando

[pann84]

Al principio ponía las medidas con el size y obviamente me oscilaban los tamaños entre navegadores, pero cuando probé con el width lo puse donde no era, por eso no me iba, error tonto de novata, si que me funciona bien, y va perfecto en todos los navegadores.

Muchas gracias.

Ya que estoy pregunto de paso, porque el diseño que me han pasado tiene una imagen en la flecha del select, pero no encuentro por ninguna parte como se hace, ni si puede hacerse... mi pregunta es ¿se puede modificar la flecha del select y poner en su lugar una imagen? la flecha que no el background, en el caso del input="file" ¿puede aplicarse estilo por separado al botón y al campo de texto?

Gracias de nuevo

[miktrv]

Iniciado por pann84

Al principio ponía las medidas con el size y obviamente me oscilaban los tamaños entre navegadores, pero cuando probé con el width lo puse donde no era, por eso no me iba, error tonto de novata, si que me funciona bien, y va perfecto en todos los navegadores.

Muchas gracias.

Ya que estoy pregunto de paso, porque el diseño que me han pasado tiene una imagen en la flecha del select, pero no encuentro por ninguna parte como se hace, ni si puede hacerse... mi pregunta es ¿se puede modificar la flecha del select y poner en su lugar una imagen? la flecha que no el background, en el caso del input="file" ¿puede aplicarse estilo por separado al botón y al campo de texto?

Gracias de nuevo

Hola, buenas de nuevo,

Puedes aplicar los estilos por separado a cualquier elemento, es tan sencillo como colocar un id a cada elemento con sus respectivos estilos por separado.

El tema de cambiar la flecha si que se puede, pero " trampeando ", es decir, se puede crear una lista ( <ul> <li> ) y hacer un estilo para que parezca un select, posteriormente se le da estilo y se aplica javascript para el tema de desplegar las opciones del select, que serían <li> en lugar de <option>

Un saludo!

[pann84]

Muchas gracias, lo de las listas y el trampeo lo probaré, un pelín complicao pa mi que soy novata al tener javascript pero creo que podré hacerlo.

El problema es con el estilo del input="file" pues no muestra los 2 objetos por separado sino que con <input="file" /> ya tenemos un 2x1, el botón y el campo de texto donde pondremos al ruta del archivo a subir, al no ser dos cosas independientes, no tengo ni pajolera idea de cómo podría darles estilo ¿se os ocurre algo?

[miktrv]

Iniciado por pann84

Muchas gracias, lo de las listas y el trampeo lo probaré, un pelín complicao pa mi que soy novata al tener javascript pero creo que podré hacerlo.

El problema es con el estilo del input="file" pues no muestra los 2 objetos por separado sino que con <input="file" /> ya tenemos un 2x1, el botón y el campo de texto donde pondremos al ruta del archivo a subir, al no ser dos cosas independientes, no tengo ni pajolera idea de cómo podría darles estilo ¿se os ocurre algo?

Bueno, es lo mismo de antes,

aquí te dejo un artículo que habla sobre esto mismo ( en inglés ) aunque yo no me complicaria tanto.

http://www.quirksmode.org/dom/inputfile.html

un saludo!

[cesarpunk]

a pues con el input file si es un problema con estilos propios.... practicamente no tiene estilos estéticos!!. Creo que tendrías que hacer una combinación entre el estilo width y el atributo size del file para que te quede practicamente igual en IE y en los otros exploradores.

[pann84]

Iniciado por miktrv

Bueno, es lo mismo de antes,

aquí te dejo un artículo que habla sobre esto mismo ( en inglés ) aunque yo no me complicaria tanto.

[URL="http://www.quirksmode.org/dom/inputfile.html"]http://www.quirksmode.org/dom/inputfile.html[/URL]

un saludo!

Creeme, yo, no me complicaría tanto tampoco, pero es el diseño que me han pasado, y que tengo que maquetar, qué se le va a hacer.

Pero muchas gracias por las respuestas y por el artículo, parace un poco complejo pero viene muy bien explicado, muchas gracias ^^