Foros del Web » Creando para Internet » CSS »

ayuda para maquetar form

Estas en el tema de ayuda para maquetar form en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/04/2006, 10:07
Avatar de dobled  
Fecha de Ingreso: enero-2002
Ubicación: Rancagua - Chile
Mensajes: 1.322
Antigüedad: 15 años, 10 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.
  #2 (permalink)  
Antiguo 21/04/2006, 16:50
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
para este caso, mas te valdria usar una tabla.

Cita:
Iniciado por dobled
cambiar de a poco mis tablas por css y maquetacion
El css y la maquetacion no estan contrapuestos a las tablas, ésta es una creencia muy extendida, pero erronea. Las tablas tambien admiten estilos(css) como cualquier otra etiqueta.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:35.