Espacios entre botones input

Tikygaki · #1 (**permalink**) 20/01/2012, 13:38

Hola, sé que es una pregunta muy simple pero no hallo como, empiezo a manejar html con php y de plano no sé hacer esta sencillez.

Verán, tengo 3 botones alineados horizontalmente. El detalle es que quiero que el primer botón esté alineado a la izquierda y los otros dos alineados a la derecha, pero los 3 botones deben estar en el mismo renglón. Los botones están declarados como

<input name="logout" type="submit" value="Desconectarse" />

por ejemplo.

Si alguien puede ayudarme con este sencillo problema le estaré muy agradecida :D

maycolalvarez · #2 (**permalink**) 20/01/2012, 13:51

eso se resuelve básicamente con marquetación HTML + CSS

Tikygaki · #3 (**permalink**) 20/01/2012, 14:02

disculpa, pero como te digo, voy empezando, entonces no entiendo lo de marquetación.

arepavieja · #4 (**permalink**) 20/01/2012, 14:05

¡Exacto!, en efecto se resuelve con CSS. Averigua un poco sobre la propiedad float. Puede servirte para solucionar eso.

maycolalvarez · #5 (**permalink**) 20/01/2012, 14:21

concuerdo con @arepavieja, es hora de leer un poco acerca de CSS, vamos que no es muy complejo: http://librosweb.es/css/index.html

emprear · #6 (**permalink**) 20/01/2012, 15:34

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
alinear inputs
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
div{
display: inline-block;
}
.derecha{
width: 400px;
text-align: right;
}
/*]]>*/
</style>
</head>
<body>
<div>
<input type="text" />
</div>
<div class="derecha">
<input type="button" value="xxx" /><input type="button" value="zzz" />
</div>
</body>
</html>

Saludos

Tikygaki · #7 (**permalink**) 25/01/2012, 11:59

Muchas gracias emprear, me sirvió tu ejemplo, aunque lo que quería es dejar un botón Inicio a la izquierda y otros dos botones a la derecha pero en el mismo renglón, igual y como si me urgía y no tenía tiempo para leer porque urgía que quedara ese día, espero y le sirva a alguien.

Lo que terminé haciendo fue crear una tabla de 3 columnas y una fila y darle las propiedades a cada celda. Igual y muchas gracias y cuando tenga tiempo, les juro que leeré de CSS porque si me interesa aprender.

Gracias :D

emprear · #8 (**permalink**) 25/01/2012, 12:37

Cita:

Iniciado por Tikygaki

Muchas gracias emprear, me sirvió tu ejemplo, aunque lo que quería es dejar un botón Inicio a la izquierda y otros dos botones a la derecha

Eso es exactamente lo que hace el código que te dejé, ¿lo probaste?
Demo
http://foros.emprear.com/html/botones.html

Saludos