Foros del Web » Creando para Internet » CSS »

Reemplazar tablas por css

Estas en el tema de Reemplazar tablas por css en el foro de CSS en Foros del Web. Hola gente tengo el siguiente problema, tengo un formulario con muchos input con sus respectivos label, o sea, Nombre INPUT Edad INPUT Apellido INPUT DNI ...
  #1 (permalink)  
Antiguo 19/02/2010, 07:58
 
Fecha de Ingreso: febrero-2010
Mensajes: 4
Antigüedad: 7 años, 9 meses
Puntos: 0
Reemplazar tablas por css

Hola gente tengo el siguiente problema, tengo un formulario con muchos input con sus respectivos label, o sea,

Nombre INPUT Edad INPUT
Apellido INPUT DNI INPUT
Direccion INPUT


si quieren ver el codigo es el siguiente

<table class="tabla_2" cellspacing="0" cellpadding="5" width="100%" border="0">
<colgroup>
<col width="20%"/>
<col width="30%"/>
<col width="20%"/>
<col width="30%"/>
</colgroup>
<thead>
<tr>
<td colspan="4" class="separador"></td>
</tr>
<tr>
<th colspan="4">
DATOS DEL CLIENTE
</th>
</tr>
<tr>
<td colspan="4" class="separador"></td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="4" class="separador"></td>
</tr>
<tr>
<td>
<label>
Tipo de Cliente
</label></td>
<td>
<input id="chktipoindividuo_persona" onclick="ActualizarPersonaEmpresa('PERSONA');" type="radio" checked="true" value="2" name="tipoindividuo" runat="server"/>
<label for="tipoindividuo_persona">
Persona
</label> &nbsp;
<input id="chktipoindividuo_empresa" onclick="ActualizarPersonaEmpresa('EMPRESA');" type="radio" value="1" name="tipoindividuo" runat="server"/>
<label for="tipoindividuo_empresa">
Empresa
</label>
<input id="hdnIdIndividuo" type="hidden" name="hdnIdIndividuo" runat="server"/></td>
<td>
&nbsp;</td>
<td>
&nbsp;</td>
</tr>
<tr id="trDatosPersona1">
<td>
<label>
Apellido
</label></td>
<td>
<asp:textbox id="txtApellidoCliente" runat="server" CssClass="input_1" MaxLength="50">
</asp:textbox> &nbsp;
<img id="btnBuscarCliente1" style="CURSOR: hand" onclick="BuscarCliente();" alt="Buscar Cliente" src="http://www.forosdelweb.com/images/lupa_sola.gif" align="middle" border="0" /></td>
<td>
<label>
Nombre
</label></td>
<td>
<asp:textbox id="txtNombreCliente" runat="server" CssClass="input_1" MaxLength="50">
</asp:textbox></td>
</tr>
<tr id="trDatosPersona2" >
<td>
<label>
Sexo
</label></td>
<td>
<asp:DropDownList id="cmbSexoCliente" runat="server" CssClass="input_1">
<ASP:LISTITEM Value="M">
Masculino
</ASP:LISTITEM>
<ASP:LISTITEM Value="F">
Femenino
</ASP:LISTITEM>
</asp:DropDownList></td>
<td>
<label>
Fecha de nacimiento (dd/mm/aaaa)
</label></td>
<td>
<asp:textbox id="txtFechaNacimiento" runat="server" CssClass="input_2" MaxLength="10" Columns="10">
</asp:textbox>
<asp:hyperlink id="lnkSeleccionarFechaNacimiento" runat="server">
<img src='../../images/cal.gif' style="border: none;" alt="Seleccionar fecha"/>
</asp:hyperlink>
</td>
</tr>
<tr id="trDatosEmpresa1" style="DISPLAY: none">
<td>
<label>
Raz&oacute;n Social
</label></td>
<td>
<asp:textbox id="txtRazonSocial" runat="server" CssClass="input_1" MaxLength="50">
</asp:textbox> &nbsp;
<img id="btnBuscarCliente2" style="CURSOR: hand" onclick="BuscarCliente();" alt="Buscar Cliente" src="http://www.forosdelweb.com/images/lupa_sola.gif" align="middle" border="0"/></td>
<td>
<label>
Fecha nacimiento del 1er conductor (dd/mm/aaaa)
</label></td>
<td>
<asp:textbox id="txtFechaNacScoring" runat="server" CssClass="input_2" MaxLength="10" Columns="10">
</asp:textbox>
<asp:hyperlink id="lnkSeleccionarFechaNacimientoScoring" runat="server">
<img src='../../images/cal.gif' style="border: none;" alt="Seleccionar fecha"/>
</asp:hyperlink></td>
</tr>
<tr>
<td class="style1">
<label>
Tipo de documento
</label></td>
<td class="style1">
<asp:DropDownList id="cmbTipoDoc" runat="server" CssClass="input_1">
</asp:DropDownList></td>
<td class="style1">
<label for="numerodocumento">
N&uacute;mero de documento
</label></td>
<td class="style1">

<asp:textbox id="txtNroDocumento" runat="server" CssClass="input_1" name="numerodocumento" >
</asp:textbox></td>
</tr>
<tr>
<td>
<label>
Condici&oacute;n de IVA
</label></td>
<td>
<asp:DropDownList id="cmbCondicionIvaCliente" runat="server" CssClass="input_1">
</asp:DropDownList></td>
<td>
<label>
Provincia
</label></td>
<td>
<asp:DropDownList id="cmbProvinciaCliente" runat="server" CssClass="input_1">
</asp:DropDownList></td>
</tr>
<tr>
<td>
<label>
Ingresos Brutos
</label></td>
<td>
<asp:DropDownList id="cmbIngresosBrutosCliente" runat="server" CssClass="input_1">
</asp:DropDownList></td>
<td>
<label>
Localidad
</label></td>
<td>
<span class="span_1" id="spnLocalidadCliente">
</span>
<a onclick="AbrirPopupLocalidad('C');" target="_blank">
<img id="ImgLocalidad_Cliente" alt="Buscar Localidad del Cliente" src="http://www.forosdelweb.com/images/lupa_sola.gif" runat="server"/></a>
<input id="hdnLocalidadCliente" type="hidden" name="Localidad" runat="server"/></td>
</tr>
<tr>
<td colspan="4" class="separador"></td>
</tr>
</tbody>
</table>


y asi todo, esto esta armado con tablas de 4 columnas, y todas las filas necesarias

como puedo reemplazar esto con css? o sea la forma correcta para solucionar esto.

saludos y muchas gracias por sus respuestas

Última edición por mpanichella; 19/02/2010 a las 08:04
  #2 (permalink)  
Antiguo 19/02/2010, 08:10
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Reemplazar tablas por css

Mirate este tutorial

http://www.forosdelweb.com/f53/aport...ml-css-648073/

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.

Etiquetas: capas, estandar, layer, tablas
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 21:15.