Bineesh  Viswanath

Bineesh Viswanath

  • NA
  • 1k
  • 777.2k

Label and control Alignment in ASP.NET

Aug 17 2013 3:23 AM
Sir, I need your help in the control alignment in ASP.NET.

please repair the codes I given below to align these controls in well.

Here the Page:-



You can see the label and concerned controls are in a non alignment pose.



here the code I working with:-
 
    <div class="content">
    <asp:Label ID="lblMovieName" runat="server"  style="top:250px;" Text="Movie"></asp:Label>
    &nbsp
    <asp:TextBox ID="txtMovieName" runat="server"  ></asp:TextBox><br />
    <br />
    <asp:Label ID="lblGenre" runat="server" Text="Genre"></asp:Label>
    &nbsp
    <asp:DropDownList ID="GenreList" runat="server">
    <asp:ListItem>-SELECT_</asp:ListItem>
    <asp:ListItem>Action</asp:ListItem>
    <asp:ListItem>Comedy</asp:ListItem>
    <asp:ListItem>Thriller</asp:ListItem>
    <asp:ListItem>Animation</asp:ListItem>
    <asp:ListItem>Romance</asp:ListItem>
    <asp:ListItem>History</asp:ListItem>
    <asp:ListItem>Biography</asp:ListItem>
    <asp:ListItem>Crime</asp:ListItem>
    <asp:ListItem>Action</asp:ListItem>
    </asp:DropDownList><br />
    <br />
    <asp:Label ID="lblyear" runat="server" Text="Year"></asp:Label>
    &nbsp
    <asp:DropDownList ID="yearList" runat="server"></asp:DropDownList>
    </div>


And the CSS code for this div is:-

.content
{
    padding:20px 50px 20px 70px;
    float:none;
    margin-left: 130px;
    margin-right:130px;
     margin-bottom:130px;
     margin-top:130px;
     background-color:#1F5894;
}



Answers (2)