Vignesh Babu

Vignesh Babu

  • NA
  • 61
  • 23.9k

This is my design code using Div tags....

Sep 1 2014 7:48 AM
Hello Friends
              This is my design code using Div tags I used. I am not getting proper allignment in this case,plz help me where I mistaken ?

<div style="width:100%;"> <!-- Main Div -->

<div style="float:left; width:10%;">
Location <!-- Set Div As your requirement -->
</div>
<div style="width:20%; float:left;">
<asp:TextBox ID="Locationtxt" runat="server" /> <!-- Set Div As your requirement -->
</div>
<div style="float:left; width:10%";>
Checkin Date
</div>
<div style="float:left; width:20%;" >
<asp:TextBox ID="TextBox1" runat="server" />
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1">
    </asp:CalendarExtender>
   
</div>
<div style="float:left; width:10%;">
    Adult
</div>
  <div style="width:20%;">
<asp:ComboBox ID="Adultcmb" runat="server"/>
  </div>
</div>


<div>
<div style="float:left; width:10%;">
Room Type <!-- Set Div As your requirement -->
</div>
<div style="width:20%; float:left">
<asp:TextBox ID="TextBox2" runat="server" /> <!-- Set Div As your requirement -->
</div>
<div style="float:left; width:10%;">
Checkout Date <!-- Set Div As your requirement -->
</div>
<div style="float:left; width:20%;">
<asp:TextBox ID="TextBox3" runat="server" />
    <asp:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="TextBox3">
    </asp:CalendarExtender>
</div>
<div style="float:left; width:10%;">
   Children
</div>
<div style="width:20%; float:left;">
<asp:ComboBox ID="ComboBox1" runat="server"/>
</div>


</div>


Answers (9)