<div id="search" style="border:3px double #5D7B9D;padding:5px;margin:10px auto 10px 20px;background-color:#fff"> <asp:Panel ID ="pnlSearch" runat ="server" DefaultButton ="btnSearch" > <div style="padding-bottom:5px" class="HomeTITLE">Search </div><div class="p5"> where <asp:DropDownList ID="ddlOperator" runat="server"> <asp:ListItem>Greater or Equals</asp:ListItem> <asp:ListItem>Less Than or Equals</asp:ListItem> <asp:ListItem Selected="True">Like or Equals</asp:ListItem> </asp:DropDownList></div> <asp:Label ID="lblByName" text="By Name" runat="server" > </asp:Label> <asp:Textbox ID="txtSearchName" runat="server" > </asp:Textbox> <span style ="font-size:small" > and </span> <asp:Label ID="lblByDescription" text="By Description" runat="server" > </asp:Label> <asp:Textbox ID="txtSearchDesc" runat="server" > </asp:Textbox> <span style ="font-size:small" > and </span> <asp:Label ID="lblByDate" text="By Date" runat="server" > </asp:Label> <asp:Textbox ID="txtSearchStartTime" runat="server" > </asp:Textbox> <rjs:PopCalendar ID="popcal_SearchStartTime" runat="server" BorderWidth="" Control="txtSearchStartTime" Fade="1" Language="" SelectedDate="" StartAt="Sunday" Format="m d yyyy" Separator="/" ToolTip="Click to select a date" Move="True"></rjs:PopCalendar> <asp:RegularExpressionValidator ID="regexSearchStartTime" runat="server" ControlToValidate="txtSearchStartTime" Display="Dynamic" ErrorMessage="Incorrect Start Time (m/d/yyyy)" ValidationExpression="(?:(?:(?:0?[13578]|1[02])(\/|-|\.)31)\1|(?:(?:0?[13-9]|1[0-2])(\/|-|\.)(?:29|30)\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:0?2(\/|-|\.)29\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:(?:0?[1-9])|(?:1[0-2]))(\/|-|\.)(?:0?[1-9]|1\d|2[0-8])\4(?:(?:1[6-9]|[2-9]\d)?\d{2})"></asp:RegularExpressionValidator> <asp:Panel ID = "pnlEventTypes" runat ="server" Width="218px" > <span > Include ... </span> <asp:DropDownList id="ddlEventTypes" runat="server"> <asp:ListItem Selected ="True" Value="0">All Events</asp:ListItem> <asp:ListItem Value="1">One Time Events</asp:ListItem> <asp:ListItem Value="2">Recurring Events</asp:ListItem> </asp:DropDownList> </asp:Panel> <asp:Panel ID = "pnlCommLog" width = "62%" runat ="server" visible = "false"> <div style="padding-left:10px;">Communication Type... <asp:DropDownList ID="ddlCommunicationType" runat="server"> <asp:ListItem Value="All" Selected="True">All</asp:ListItem> <asp:ListItem Value="Telephone">Telephone</asp:ListItem> <asp:ListItem Value="E-mail">E-mail</asp:ListItem> <asp:ListItem Value="Snail-Mail">Snail-Mail</asp:ListItem> <asp:ListItem Value="Face to Face">Face to Face</asp:ListItem> </asp:DropDownList> <asp:label runat="server" ID="lblDrpEvents" Text="For..." > </asp:label> <asp:DropDownList ID="ddlDrpEvents" runat="server"> </asp:DropDownList> </div></asp:Panel> <asp:Button ID="btnSearch" OnClick="btnSearch_Click" runat="server" Text="GO"/> </asp:Panel> </div>And here is how it's displayed:
Search where DropDown By Name textbox and By Description textbox and by date datetextbox with calendar is here DropDown for Event Types GoI want to have
Search where dropdown by name by description by date on the same line DropDown for Events and GO button next to it.How can I make this happen?