mgmhicks
asked on
Problem lining up objects on a web page.
I am doing a aspx page in vb.net. Trying to get a few objects to line up and what a pain in the butt. Here is the following code. I am trying to get the the dropdownlist and the checkbox list to be next to each other with a few spaces in it. No matter what I do it doestnt work. Please help. Here is the code.
<asp:panel id="Panel1" style="Z-INDEX: 103; LEFT: 128px; POSITION: absolute; TOP: 103px" runat="server"
Height="700px" Width="830px" HorizontalAlign="Center" BackColor="Transparent" BorderColor="White"
BackImageUrl="http://www.theapartmentgallery.com/Newweb/images/Background/Backgroundjustpie copy.jpg">
<DIV id="center_menu_id" align="center"></DIV>
<P></P>
<P></P>
<P> </P>
<P align="left"> & nbsp;</P>
<P align="left"> & nbsp;  ; &nb sp; & nbsp;  ;<STRONG>S elect
Property to Search</STRONG></P>
<P align="left"> & nbsp;  ;
<asp:DropDownList id="ddProperties" runat="server" Width="231px"></asp:DropDo wnList>
<asp:CheckBoxList id="CheckBoxList1" runat="server"></asp:Check BoxList></ P>
<P align="left"> </P>
<P align="left"> </P>
<P align="left"> </P>
<P align="left"> </P>
<P align="left"> </P>
<P p; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p;
<asp:Button id="Button1" runat="server" Width="114px" Height="37px" Text="Begin Search"></asp:Button></P>
<P>
<asp:DataGrid id="dgResidents" runat="server" Width="679px" Height="132px" BackColor="Aqua" AutoGenerateColumns="False ">
<SelectedItemStyle BackColor="Blue"></Selecte dItemStyle >
<HeaderStyle ForeColor="White" BackColor="Black"></Header Style>
<Columns>
<asp:BoundColumn DataField="aptnumber" HeaderText="Apt No."></asp:BoundColumn>
<asp:BoundColumn DataField="name1" HeaderText="Resident Name"></asp:BoundColumn>
<asp:ButtonColumn Text="Button" DataTextField="tenantid" HeaderText="Resident ID" CommandName="PickResident" ></asp:But tonColumn>
<asp:BoundColumn Visible="False" HeaderImageUrl="Tenantid" DataField="tenantid"></asp :BoundColu mn>
</Columns>
</asp:DataGrid></P>
<P>   ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp;
</P>
<P>   ; &nb sp; & nbsp;  ; &nb sp; & nbsp;  ; &nb sp; & nbsp;
</P>
<P> </P>
</asp:panel>
<asp:panel id="Panel1" style="Z-INDEX: 103; LEFT: 128px; POSITION: absolute; TOP: 103px" runat="server"
Height="700px" Width="830px" HorizontalAlign="Center" BackColor="Transparent" BorderColor="White"
BackImageUrl="http://www.theapartmentgallery.com/Newweb/images/Background/Backgroundjustpie copy.jpg">
<DIV id="center_menu_id" align="center"></DIV>
<P></P>
<P></P>
<P> </P>
<P align="left"> &
<P align="left"> &
Property to Search</STRONG></P>
<P align="left"> &
<asp:DropDownList id="ddProperties" runat="server" Width="231px"></asp:DropDo
<asp:CheckBoxList id="CheckBoxList1" runat="server"></asp:Check
<P align="left"> </P>
<P align="left"> </P>
<P align="left"> </P>
<P align="left"> </P>
<P align="left"> </P>
<P p;
<asp:Button id="Button1" runat="server" Width="114px" Height="37px" Text="Begin Search"></asp:Button></P>
<P>
<asp:DataGrid id="dgResidents" runat="server" Width="679px" Height="132px" BackColor="Aqua" AutoGenerateColumns="False
<SelectedItemStyle BackColor="Blue"></Selecte
<HeaderStyle ForeColor="White" BackColor="Black"></Header
<Columns>
<asp:BoundColumn DataField="aptnumber" HeaderText="Apt No."></asp:BoundColumn>
<asp:BoundColumn DataField="name1" HeaderText="Resident Name"></asp:BoundColumn>
<asp:ButtonColumn Text="Button" DataTextField="tenantid" HeaderText="Resident ID" CommandName="PickResident"
<asp:BoundColumn Visible="False" HeaderImageUrl="Tenantid" DataField="tenantid"></asp
</Columns>
</asp:DataGrid></P>
<P>  
</P>
<P>  
</P>
<P> </P>
</asp:panel>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Have you tried using POSITION: RELATIVE in your style on the controls in the panel, then tried setting the position using LEFT and TOP in the style statement with the coordinates relative to the client area of the panel?