Puedes intentar algo asi:
<label for="nombre">Nombre:</label><input name="nombre" id="nombre" type="text">
<label for="apellidos">Apellidos:</label><input name="nombre" id="nombre" type="text">
y luego flotar tus labels, dandoles un ancho. Asi te salvas de tanto div
Algunos ejemplos que te pueden servir: http://www.quirksmode.org/css/forms.html http://www.themaninblue.com/writing/perspective/2004/03/24/ http://www.aplus.co.yu/css/styling-form-fields/ http://www.formassembly.com/form-garden.php?formId=29&style=bureaucrat
saludos!
kemie
...........:| kemie |:........... .:| www.monolinea.com <http://www.monolinea.com> |:.
Eva Gonz�lez wrote:
Tengo el siguiente c�digo: <div id="cont"> <div id="dat1">Nombre:</div> <div id="dat2"><input name="" type="text"></div> <div id="dat1">Apellidos:</div> <div id="dat2"><input name="" type="text"></div> <div id="dat3">Tel�fono:</div> <div id="dat4"><input name="" type="text"></div> <div id="dat3">Fax:</div> <div id="dat4"><input name="" type="text"></div> </div> y la siguiente hoja de estilos para esta parte del c�digo: #cont { position:relative; width:100%; float:left; } #dat1 { width:50%; position:relative; text-align:right; float:left; padding:3px; } #dat2 { width:50%; position:relative; float:left; padding:3px; } #dat3 { width:25%; position:relative; text-align:right; float:left; padding:3px; } #dat4 { width:25%; position:relative; float:left; padding:3px; }
El resultado que yo busco es el de un formulario que tenga 2 columnas y 4 columnas (antes era tan f�cil con tablas!.... snif, snif), pero todo se me desencaja y empiezo a desesperarme un poco. Si alguien puede echarme una mano le estar� eternamente agradecido y muchos usuarios de nuestras aplicaciones tambi�n. Gracias.
Eva Gonz�lez de Matauco L�pez Vicente Goikoetxea n� 6 6� 01008 Vitoria-Gasteiz Tel�fono: 945 28 62 44 http://www.sinfo21.com/
_______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
