recomendacion para formulario accesible
3 seguidores
Buenas,
tengo ahora entre manos un formulario bastante extenso (con mas de 40 campos de texto, combos y demas) pero claro, como para eso estamos, hay que hacerlo "bonito"
como aplicariais un css logica a un formulario tan extenso con el menor numero de classes posible? alguna pista?
todo el estilo debe estar definicio en una hoja externa, ya que el usuario va a tener la opcion de elegir el estilo que prefiera para visualizar la pagina segun sus necesidades.
si alguien me facilitara un enlace donde pueda encontrar algo de informacion extensa estaria agradecido ;)
hipster
problemas, problemas....
por partes...
tengo unos input que he flotado todos a la derecha, del mismo ancho, ya que como digo es un formulario muy extenso y asi da mejor impresion al estar todo mas ordenado. Los label por su parte estan situados a la izquierda por defecto.
El problema viene cuando inserto tres campos que deben ir en linea para introducir la fecha de nacimiento. (dd/mm/aaaa)
Al estar flotados a la derecha se me montan uno encima de otro y no encuentro la forma de romper esta orden para estos input concretos con una id determinada.
<code>#columnarForm input,select
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
float:right;
margin:-25px 0 0 0 ;
}
#columnarForm label
{
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #767676;
line-height: 25px;
}</code>
por otra parte, que no tiene nada que ver, desde el html estoy dando un size a los input, pero IE pasa olimpicamente de la medida que le estoy dando y aplica una que considero estandar a todos. Firefox me lo interpreta sin problemas (cada vez adoro mas este navegador) :D
alguna pistilla para resolver mis problemas, txuma o meddle ? ;)
hipster
zenkiu! con esto y lo que ya tengo voy a ver si saco algo decente.
posteare el resultado para ver si me dais el visto bueno, que a veces me fio mas de vosotros que del validator de w3c :D
meddle
http://www.gen7es.net/documentos/formtuto.php
mierda, a ver si resucitamos gen7es en otoño...
txuma Plus
A ver si esto te viene bien:
http://www.webstandards.org/learn/tutorials/accessible-forms/01-accessible-forms.html
http://www.webaim.org/techniques/forms/
http://www.picment.com/articles/css/funwithforms/
Salu2