Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/04/2006, 09:07
Avatar de dobled
dobled
 
Fecha de Ingreso: enero-2002
Ubicación: Rancagua - Chile
Mensajes: 1.328
Antigüedad: 22 años, 2 meses
Puntos: 2
ayuda para maquetar form

hola amigos, bueno mi drama es el siguiente.
Me tente para cambiar de a poco mis tablas por css y maquetacion pero tengo dramas.. me hechan una mano aqui esta en code lo que pasa es que todo se va hacia arriba y queda desordenado. Quiero que por lo menos tenga un espaciado en cada text y quede mas menos centrado.

Código:
<div id="formulario">
<form action="post">
    <div class="left"><strong><font id="txt1" > Rut(*):</font></strong>
    <input type="text" name="rut" id="1">
	</div>
    <div class="left"><strong><font id="txt2" > Articulo(*):</font></strong>
    <input name="cod_articulo" type="text" id="2">
    </div>
    <div class="left"><strong><font id="txt3" > Cantidad(*):</font></strong>
    <input name="cantidad" type="text" id="3">
    </div>
    <div class="left"><strong><font id="txt4" > Comentario(*):</font></strong>
    <label>
    <input name="comentario" type="text" id="4">
  </label>
  </div>
   <INPUT name="boton" type="Button" id="button" onClick="javascript:Enviar(4);" value="Grabar Datos">
</form>
</div>
<div id="campoMensaje">(*) campos obligatorios </div>
el estilo

Código:
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#formulario {
	width:400px;
	height:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-image: url(i/fondo001.gif);
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #FFCC00;
}
button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #999999;
}
Gracias espero me puedan ayudar..
__________________
Usa títulos específicos y con sentido
En las listas de correo o en los grupos de noticias, la cabecera del mensaje es tu oportunidad de oro para atraer la atención de expertos cualificados en aproximadamente 50 caracteres o menos. No los desperdicies en balbuceos como "Por favor ayúdame" (de "POR FAVOR AYÚDAME!!!" ya ni hablamos). No intentes impresionarnos con lo profundo de tu angustia; mejor usa ese preciado espacio para una descripción lo más concisa posible del problema.