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>&nbsp;</P>
                        <P align="left">&nbsp;&nbsp;&nbsp;</P>
                        <P align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<STRONG>Select
                                    Property to Search</STRONG></P>
                        <P align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
                              <asp:DropDownList id="ddProperties" runat="server" Width="231px"></asp:DropDownList>
                              <asp:CheckBoxList id="CheckBoxList1" runat="server"></asp:CheckBoxList></P>
                        <P align="left">&nbsp;</P>
                        <P align="left">&nbsp;</P>
                        <P align="left">&nbsp;</P>
                        <P align="left">&nbsp;</P>
                        <P align="left">&nbsp;</P>
                        <P p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                              &nbsp;
                              <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"></SelectedItemStyle>
                                    <HeaderStyle ForeColor="White" BackColor="Black"></HeaderStyle>
                                    <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:ButtonColumn>
                                          <asp:BoundColumn Visible="False" HeaderImageUrl="Tenantid" DataField="tenantid"></asp:BoundColumn>
                                    </Columns>
                              </asp:DataGrid></P>
                        <P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </P>
                        <P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </P>
                        <P>&nbsp;</P>
                  </asp:panel>
mgmhicksAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
davehunt00Connect With a Mentor Commented:
Put a table inside your panel with the appropriate # of row and columns. Set the table to 100% wide (to size to your panel). Set the border to 0 (to make invisible). Place all the controls in the cells of the table and they will line up great.

hth
davehunt00
0
 
Christopher KileCommented:
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?
0
All Courses

From novice to tech pro — start learning today.