Entrar

Como hago para alinear mis formularios..

Soprano2 · · Solicitar retirada
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
SuperHipo · · Solicitar retirada
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.
SuperHipo · · Solicitar retirada
En el 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:

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!!
Soprano2 · · Solicitar retirada
Mil gracias Super Hipo con esta maravillosa explicacion, me sacaste rapido de la duda