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:
el estilo<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>
Código:
Gracias espero me puedan ayudar.. 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; }