Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 4 de 4

Tema: Como hago para alinear mis formularios..

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 jul, 12
    Mensajes
    116
    Poder de Reputación
    15

    Question Como hago para alinear mis formularios..

    Hola, quisiera alinear mis formularios y no queden desalineados...asi empeze hacerlos:
    <form>
    NAME:<input type:"text"name"text1"></br>
    LAST NAME:<input type:"text"name"text2"></br>
    </form>


    Estan dentro de la etiqueta <body>

    Gracias de antemano

  2. #2
    Me va gustando esto... Habitante Avatar de SuperHipo
    Fecha de Ingreso
    21 sep, 11
    Ubicación
    Sevilla
    Mensajes
    142
    Poder de Reputación
    17
    Hola Soprano2, un par de cositas antes de empezar a alinear el formulario:

    - Las palabras NAME y LAST NAME no están dentro de ninguna etiqueta y por lo tanto no te podrás referir a ellas desde el css. Enciérra todo SIEMPRE dentro de alguna etiqueta. Para esto se suele usar la etiqueta <label></label>, que le indica al formulario (como te explicaré luego) que ese nombre corresponde a un input concreto. Si quisieras podrías usar <p>, <h1>, <h2>,... pero es más recomendable <label>

    - En lugar de usar <br /> para los saltos de línea, mejor que lo hagas con CSS. Como los input son elementos de línea debes convertirlos en elementos de bloque y, automáticamente, saltarán de línea.

    - En los campos <input ... /> tienes mal la sintaxis.

    Te preparo un ejemplo para que veas cómo quedaría y, de paso, ya lo alineamos si te parece.
    Programación y Diseño Web Freelance

  3. #3
    Me va gustando esto... Habitante Avatar de SuperHipo
    Fecha de Ingreso
    21 sep, 11
    Ubicación
    Sevilla
    Mensajes
    142
    Poder de Reputación
    17
    En el HTML:

    Código HTML:
    <form>
            
        <label for="name">NAME:</label>
        <input type="text" id="name">
            
        <label for="lastname">LAST NAME:</label>
        <input type="text" id="lastname">
            
    </form>
    En el CSS:

    Código:
    form {
        width: 400px;
        font: normal bold 12px Verdana, Arial;
    }
    
    form label {
        display: inline-block;
        width: 150px;
    }
    
    form input {
        display: inline-block;
        width: 200px;
        margin-bottom: 10px;
    }
    ¿Es algo así lo que quieres?... Hay muchas posibilidades. Te he hecho un ejemplo con un formulario estandar normal. Pruébalo y me cuentas y si no entiendes algo lo vemos.

    Un saludo!!
    Última edición por SuperHipo; 03/09/2012 a las 23:15
    Programación y Diseño Web Freelance

  4. #4
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 jul, 12
    Mensajes
    116
    Poder de Reputación
    15
    Mil gracias Super Hipo con esta maravillosa explicacion, me sacaste rapido de la duda

Temas Similares

  1. Como hago para poner un campo de Mail para enviar newsletter
    Por JoseLuisLeon en el foro Foro General
    Respuestas: 5
    Último Mensaje: 25/07/2011, 14:04
  2. Como hago para que mi web sea .com.ar?
    Por Damian_Palermo en el foro Registro de Dominios
    Respuestas: 5
    Último Mensaje: 19/10/2008, 03:09

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •