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
