Hola. Échale un vistazo a http://www.skyrocket.be/2006/01/09/semantic-horizontal-forms/ aunque seguro que buscar en la web horizontal forms encuentras ejemplos más actuales.
Un saludo El 14 de octubre de 2009 09:20, Rodrigo Álvarez Virgós < [email protected]> escribió: > Hola, Marcela > > marcela silva escribió: > > hola lista... me llamo marcela, soy nueva en esto, asi que no se si > > estoy preguntando bien estudio en la escuela de Formación profesional > > de Carapachay estamos haciendo formularios mi pregunta es... como > > hago que mi formulario quede en dos columnas sin tener que utiizar una > > tabla aca les mando el codigo de mi html > > > Antes de nada, comentarte que los accesskey deberías usarlos en los > "input" y "select" y no en los "label". Por otro lado, se recomienda > utilizar números como atajos de teclado en lugar de letras, ya que > muchas veces Tecla+Letra es un atajo del propio navegador. Mismamente, > en Internet Explorer Alt+E despliega el menú "Edición", con lo cual no > funcionaría el accesskey para tu campo "email" > > En cuanto a la maquetación: sin entrar en detalles y a modo de resumen, > la manera fácil de hacerlo es la siguiente. > > 1. Englobas varios campos (más o menos la mitad) en un div, con id > digamos "capa1" > 2. El resto de campos los englobas en "capa2". > 3. Aplicas #capa1{float:left;width:40%;} y #capa2{margin-left:60%;} > > Lo que no entiendo es porqué metes algunos campos en párrafos. > > > <body> > > <div id="contenido"> > > <h1>Contacto</h1> > > <form action= "envio de archivos" method="get" enctype="text/plain" > > > <fieldset> > > <p><label for="nombre" accesskey="N">Nombre </label><input > > name="nombre" type="text" > > id="nombre" size="30" tabindex="1" value="Escriba su nombre"/></p> > > <p><label for="email" accesskey="E">Email </label><input type="text" > > name="email" id="email" > > size="30" tabindex="2" value="Escriba su dirección de e-mail"/></p> > > <p><label for="nacionalidad" accesskey="N">Nacionalidad </label> > > <select > name="nacionalidad" id="nacionalidad" tabindex="3"> > > > <option value="argentina">Argentina</option> > > > <option value="brasil">Brasil</option> > > > <option value="uruguay">Uruguay</option> > > > <option value="paraguay">Paraguay</option> > > > <option value="chile">Chile</option> > > > <option value="bolivia">Bolivia</option> > > </select> > > </p> > > <p><label for="comentarios" accesskey="C">Comentarios > > </label><textarea cols="30" rows="7" > > name="comentarios" id="comentarios" tabindex="4">Escriba aquí su > > comentario</textarea></p> > > <label for="educacion" accesskey="E">Educación </label> > > <select > name="educacion" id="educacion" tabindex="5"> > > > <option value="primaria">Primaria</option> > > > <option value="secundaria">Secundaria</option> > > > <option value="terciaria">Terciaria</option> > > </select> > > </fieldset> > > </form> > > </div> > > </body> > > </html> > > > > Diseño web accesible > > "Hagamos un mundo para todos" > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a [email protected] > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
