separar inputs sin <br />

malakian · #1 (**permalink**) 05/10/2012, 12:52

Hola forer@s, me siento muy novato en esto, por eso esta pregunta

tengo las siguientes cajas de texto y un boton

Código HTML:

Ver original<div id="contendor">
<input type="text" name="cuenta" />
<input type="password" name="clave" />
<input type="submit" value="Aceptar"/>
</div>

Obviamente salen todos uno detras de otro

Ya no quiero usar la etiqueta <br /> por que leí que ya no se usa (o no se debe usar)

estoy tratando de hacerlo con estilos, coloque
input{display:block}
y se colocan uno debajo de otro

ahora al contenedor le digo

.contenedor{text-align:center}

pero no me hacen caso

Necesito que me den una guía muchachos, gracias

pzin · #2 (**permalink**) 05/10/2012, 12:56

Primero que tienes puesto un ID en tu HTML, no una clase. Lo segundo es que pone contendor y no contenedor. Lo tercero es que con display:block lo solucionas.

Código CSS:

Ver original#contenedor input {
    display: block;
}

flashmax · #3 (**permalink**) 05/10/2012, 13:02

hola no se si compredi bien haber si asi lo solucionas

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
input{display:block; margin-bottom:5px;}
#contenedor{text-align:center; margin:0 auto; width:300px;  padding:5px;}
</style>
</head>

<body>
<div id="contenedor">
<input type="text" name="cuenta" />
<input type="password" name="clave" />
<input type="submit" value="Aceptar"/>
</div>
</body>
</html>

malakian · #4 (**permalink**) 05/10/2012, 13:39

Ok flashmax

no tenia el width en el contenedor, funciona, pero no entendí

Gracias

pzin · #5 (**permalink**) 05/10/2012, 14:29

Tal vez si leyeras mi mensaje pudieras saber qué es lo que hacías mal.

En el código de flashmax, aunque funcione, no son necesarios todos esos atributos para hacer lo que quieres.

emprear · #6 (**permalink**) 05/10/2012, 22:25

Yo mas bien descartaría esa información que tenés

Cita:

Ya no quiero usar la etiqueta <br /> por que leí que ya no se usa (o no se debe usar)

Que es completamente desatinada.

Saludos

IXtremeLT · #7 (**permalink**) 06/10/2012, 00:17

hola, me parece que más bien buscas la manera "bien formada" para escribir código.

Debes considerar darle el etiquetado que mejor papel le dé, en este caso el propósito de tu código es un formulario, así que deberías usar la etiqueta <form>.

Bueno, te dejo un buen modelo para el marcado de formularios.

<form action="#" method="post">
<fieldset>
<legend>Inicio de sesión</legend>
<p>
<label>Usuario: </label>
<input type="text" name="usuario" />
</p>
<p>
<label>Password: </label>
<input type="password" name="password" />
</p>
<button type="submit">Aceptar</button>
<button type="reset">Limpiar</button>
</fieldset>
</form>

Puede decirse que son muchas etiquetas pero esto te funcionara para mejoras futuras como la utilización de librerías o plugins para validar formularios así como para darle
un diseño moderno.

Saludos!

memoadian · #8 (**permalink**) 06/10/2012, 07:38

Que br ya no se usa?

¿quien te mintio?

furoya · #9 (**permalink**) 06/10/2012, 13:19

Cita:

Iniciado por IXtremeLT

hola, me parece que más bien buscas la manera "bien formada" para escribir código.

Bueno, Si hablamos de "maneras bien formadas de escribir código", en este Foro el código se escribe entre etiquetas de código, no se deja suelto en el mensaje.

Y ya que estamos, tampoco podemos suponer que malakian no sepa hacer un formulario(*). Puso solamente la parte que le traía dudas, alrededor de eso podría pefectamente haber una etiqueta <form>.

De cualquier forma, hago estos comentarios de mal bicho que soy, un ejemplo de modelo de formulario tampoco viene mal.

Cita:

Iniciado por emprear

Yo mas bien descartaría esa información que tenés [sobre la obsolescencia de <br>] ... Que es completamente desatinada.

Es el problema de siempre. Aparece cualquier inútil explicando a medias, y detrás viene ése que entiende a cuartos. Después en estos foros tenemos que andar aclarando las cosas.
¿Te acordás de cuando "no se podían usar más tablas" y aparecía algún trasnochado preguntando cómo tabular datos adentro de listas?.
Creo que el último disparate es el "CSS4".
Tengo la impresión de que los que inventan estas cosas se están riendo como Patán (Muttley) en alguna parte de la web.

Aclaremos, entonces. El <br>, <br /> no se utiliza para espaciar párrafos. Para separar líneas, sí; obvio, son su función. Aunque no se pueden tirar en cualquier parte, deben ir (como cualquier texto) dentro de una caja que lo contenga. De hecho, creo que si se lo pone directamente adentro del body el validador lo rebota.

(*) Bueno, sí podemos, porque su código es un desastre.

jluisfg · #10 (**permalink**) 06/10/2012, 14:47

Si quieres que ocupen todo puedes usar width:100% o sino puedes usar margin: 0 auto para centrarlos.

Depende que quieras obtener exactamente.

Saludos,

IXtremeLT · #11 (**permalink**) 06/10/2012, 17:54

Cita:

Iniciado por furoya

Bueno, Si hablamos de "maneras bien formadas de escribir código", en este Foro el código se escribe entre etiquetas de código, no se deja suelto en el mensaje.

No fue mi culpa ya que lo escribí en la app de forosdelweb y está muy limitada con la edición del texto, no me acordaba cual era la etiqueta para encerrar el html jeje.

malakian · #12 (**permalink**) 16/10/2012, 16:12

Bueno, acepto que no soy un experto en estilos, pero

Cita:

Iniciado por furoya

(*) Bueno, sí podemos, porque su código es un desastre.

Enserio, personas crecidas como estas solo pretenden aplastar, y eso que es el comentario más largo y no ha escrito NADA productivo.

intentaba dar uso a las propiedades del display (inline, block, ...)

Seguramente no fue muy acertado indicar "<br /> ya no se usa (o no se debe usar)" por eso los parentesis.

bueno, aparte...

Muchas gracias IXtremeLT por la pequeña estructura, te lo agradezco, a los demas gracias por las respuestas

furoya · #13 (**permalink**) 16/10/2012, 18:54

No comprendo lo de "personas crecidas", pero supongo que así como no sabés leer, tampoco debés saber escribir.

(¿O en Colombia significa algo en otros lugares no se entiende? Sería interesante saberlo, por acá hablamos mucho sobre localismos.

)

Y haceme un favor, antes de seguir haciendo papelones opinando sobre lo que no entendés, al menos tomate un tiempo para ver mis otros post.
Si lo tuyo es casi una cuestión de prejuicio, capaz que después entendés mejor mi mensaje.
Ahora, si tenés otro tipo de limitaciones ...

Lo que sí te reconozco es que tu ejemplo no estaba tan mal, y encima lo metiste entre etiquetas de código, como corresponde. Se ve que cuando publiqué me agarraste en un mal día.

malakian · #14 (**permalink**) 19/10/2012, 14:18

Cita:

Iniciado por furoya

No comprendo lo de "personas crecidas"

* Crecido = Egocentríco = Furoya

Cita:

Iniciado por furoya

Y haceme un favor, antes de seguir haciendo papelones opinando sobre lo que no entendés, al menos tomate un tiempo para ver mis otros post.

No me interesan, seguro sigue de "crecido" (*)

Cita:

Iniciado por furoya

Lo que sí te reconozco es que tu ejemplo no estaba tan mal, y encima lo metiste entre etiquetas de código, como corresponde. Se ve que cuando publiqué me agarraste en un mal día.

Ya sabía que no era un "desastre" y no me interesan si está en un mal día.

En Argentina son asi?

Conclusión, su aporte no sirve de nada... las demás respuestas si fueron constructivas, pero gracias por mostrarnos un poco de furoya!

emprear · #15 (**permalink**) 19/10/2012, 14:39

Cita:

Iniciado por malakian

En Argentina son asi?

¿Somos como?

furoya · #16 (**permalink**) 19/10/2012, 16:16

Que bueno para esta lacra que en FdW no haya un equivalente al INADI. Por comentarios como ése (que leí ya varias veces por acá) al autor se lo llevan arrastrando de las pestañas.

Pero tenés razón, yo nunca lo mencioné porque tomo las cosas como de quién vienen (¿viste sus comentarios?¿esperabas otra cosa?), aunque quizá tengamos que empezar a apretarlos. El punto es que ante el primer reporte hay que rajarlo, las autoridades del Foro con algo así no tienen salida. Y si los echan, no aprenden.
Pero mi ego tiene que asumir que no es algo personal, tendría que haberme quejado...

Lo que puedo rescatar hasta ahora es que: aprendí lo que quiere decir "crecido" en la tierra de García Marquez; y el código que puso al principio este sujeto sí era una vergüenza. Lo que pasa es que cuando lo vi por segunda vez estaba algo dormido, y no recordé que quería centrar contenido de una capa identificada como "contenedor" ... con estilos para una capa de clase "contenedor".

PA-PE-LÓN.

malakian · #17 (**permalink**) 31/10/2012, 13:59

si estaba dormido aprenda a leer antes de postear!

por eso se generan este tipo de cosas, que papelazo