alinear campos
Publicado por Alfredo (1 intervención) el 23/09/2008 17:50:06
No tengo suficiente expertis en html, pero bueno, tengo la siguiente página .aspx hecha con VS 2005 y con css, siguiendo la recomendacion actual de no usar tablas, la he logrado hacer pero me han quedado desalineados gran parte de los campos, favor darme algunos tips para resolverlos.
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm3.aspx.vb" Inherits="CobeWeb2.WebForm3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Pruebad html y css</title>
<link href="smoothtastetable.css" rel="stylesheet" type="text/css">
</head>
<body>
<form id="form1" runat="server">
<fieldset style="width: 599px">
<legend>Generales de la Entidad</legend>
<div id="generalesentidad" class="grupocampos"><br/>
<div class="row">
<span class="label">Area:</span>
<span class="formw">
<asp:DropDownList ID="DropDownList1" runat="server" Width="187px" CssClass="droplista">
<asp:ListItem Value="a">Gob. Central</asp:ListItem>
<asp:ListItem Value="1">Descentralizadas</asp:ListItem>
</asp:DropDownList>
</span>
</div>
<div class="row">
<span class="label">Entidad:</span>
<span class="formw">
<asp:DropDownList ID="DropDownList2" runat="server" Width="187px" CssClass="droplista">
<asp:ListItem Value="02">Contraloria General</asp:ListItem>
<asp:ListItem Value="01">Asamblea</asp:ListItem>
<asp:ListItem Value="03">Presidencia</asp:ListItem>
</asp:DropDownList>
</span>
</div>
<div class="row">
<span class="label">Dependencia:</span>
<span class="formw">
<asp:DropDownList ID="DropDownList3" runat="server" Width="187px" CssClass="droplista">
<asp:ListItem Value="02">Prodec</asp:ListItem>
<asp:ListItem Value="01">Sede</asp:ListItem>
</asp:DropDownList>
</span>
</div>
<div class="row"></div>
</div>
</fieldset><br/><br/>
<fieldset style="width: 599px">
<legend>Generales del Documento</legend>
<div id="GralesDocumento" class="grupocampos">
<br />
Transacción: <asp:DropDownList ID="DropDownList4" runat="server" Width="180px">
</asp:DropDownList>
<br />
Año Documento: <asp:DropDownList ID="DropDownList5" runat="server" Width="65px">
</asp:DropDownList>
No. Sico: <asp:TextBox
ID="TextBox1" runat="server" Width="70px"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Buscar" />
<br />
No. Documento:
<asp:TextBox ID="TextBox2" runat="server" Width="135px"></asp:TextBox> No.
Proyecto:
<asp:TextBox ID="TextBox3" runat="server" Width="65px"></asp:TextBox>
<br />
<br />
Descripción:
<asp:TextBox ID="TextBox4" runat="server" Height="77px" TextMode="MultiLine" Width="435px"></asp:TextBox>
</div></fieldset>
<br/><br/>
<fieldset style="width: 599px">
<legend>Otras Referencias</legend>
<div id="OtrasReferencias" class="grupocampos"><br/>
Tipo de Financiamiento:
<asp:DropDownList ID="DropDownList6" runat="server" Width="223px">
</asp:DropDownList><br />
Tipo de Contratación:
<asp:DropDownList ID="DropDownList7" runat="server" Width="223px">
</asp:DropDownList><br />
No. Acto Público:
<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
Año Acto Pub.
<asp:DropDownList ID="DropDownList8" runat="server">
</asp:DropDownList><br />
% Retención:
<asp:TextBox ID="TextBox6" runat="server" Width="79px"></asp:TextBox>
Cláusula de Multa:
<asp:TextBox ID="TextBox7" runat="server" Width="84px"></asp:TextBox></div>
</fieldset>
<br/><br/>
</form>
</body>
</html>
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm3.aspx.vb" Inherits="CobeWeb2.WebForm3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Pruebad html y css</title>
<link href="smoothtastetable.css" rel="stylesheet" type="text/css">
</head>
<body>
<form id="form1" runat="server">
<fieldset style="width: 599px">
<legend>Generales de la Entidad</legend>
<div id="generalesentidad" class="grupocampos"><br/>
<div class="row">
<span class="label">Area:</span>
<span class="formw">
<asp:DropDownList ID="DropDownList1" runat="server" Width="187px" CssClass="droplista">
<asp:ListItem Value="a">Gob. Central</asp:ListItem>
<asp:ListItem Value="1">Descentralizadas</asp:ListItem>
</asp:DropDownList>
</span>
</div>
<div class="row">
<span class="label">Entidad:</span>
<span class="formw">
<asp:DropDownList ID="DropDownList2" runat="server" Width="187px" CssClass="droplista">
<asp:ListItem Value="02">Contraloria General</asp:ListItem>
<asp:ListItem Value="01">Asamblea</asp:ListItem>
<asp:ListItem Value="03">Presidencia</asp:ListItem>
</asp:DropDownList>
</span>
</div>
<div class="row">
<span class="label">Dependencia:</span>
<span class="formw">
<asp:DropDownList ID="DropDownList3" runat="server" Width="187px" CssClass="droplista">
<asp:ListItem Value="02">Prodec</asp:ListItem>
<asp:ListItem Value="01">Sede</asp:ListItem>
</asp:DropDownList>
</span>
</div>
<div class="row"></div>
</div>
</fieldset><br/><br/>
<fieldset style="width: 599px">
<legend>Generales del Documento</legend>
<div id="GralesDocumento" class="grupocampos">
<br />
Transacción: <asp:DropDownList ID="DropDownList4" runat="server" Width="180px">
</asp:DropDownList>
<br />
Año Documento: <asp:DropDownList ID="DropDownList5" runat="server" Width="65px">
</asp:DropDownList>
No. Sico: <asp:TextBox
ID="TextBox1" runat="server" Width="70px"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Buscar" />
<br />
No. Documento:
<asp:TextBox ID="TextBox2" runat="server" Width="135px"></asp:TextBox> No.
Proyecto:
<asp:TextBox ID="TextBox3" runat="server" Width="65px"></asp:TextBox>
<br />
<br />
Descripción:
<asp:TextBox ID="TextBox4" runat="server" Height="77px" TextMode="MultiLine" Width="435px"></asp:TextBox>
</div></fieldset>
<br/><br/>
<fieldset style="width: 599px">
<legend>Otras Referencias</legend>
<div id="OtrasReferencias" class="grupocampos"><br/>
Tipo de Financiamiento:
<asp:DropDownList ID="DropDownList6" runat="server" Width="223px">
</asp:DropDownList><br />
Tipo de Contratación:
<asp:DropDownList ID="DropDownList7" runat="server" Width="223px">
</asp:DropDownList><br />
No. Acto Público:
<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
Año Acto Pub.
<asp:DropDownList ID="DropDownList8" runat="server">
</asp:DropDownList><br />
% Retención:
<asp:TextBox ID="TextBox6" runat="server" Width="79px"></asp:TextBox>
Cláusula de Multa:
<asp:TextBox ID="TextBox7" runat="server" Width="84px"></asp:TextBox></div>
</fieldset>
<br/><br/>
</form>
</body>
</html>
Valora esta pregunta
0