0

2 つの RadDatePickers、1 つのラベルとボタンがあります。ユーザーが 2 つの日付を選択して期間を設定するためのフォームを作成しようとしています。私が抱えている問題は、RadDatepickers が同じ行にとどまらないことです。これらの要素はすべてテーブル内にあります。それらを一列に並べたいのですが、代わりに要素が上下に表示されます。

これが私のコードです:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel5" runat="server">
        <ContentTemplate>
            <table>
                <tr>
                    <td bgcolor="#EEF4FD" class="style77">

                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="nameSearch" runat="server" 
                            GroupName="searchRad" Text="Company Name" 
                            AutoPostBack="True" oncheckedchanged="nameSearch_CheckedChanged" />
                    </td>
                </tr>

                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="dateSearch" runat="server" GroupName="searchRad" 
                            Text="Date Created" 
                            AutoPostBack="True" oncheckedchanged="dateSearch_CheckedChanged" />
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:Panel ID="Panel1" runat="server">
                            <asp:TextBox ID="SearchBox" runat="server" Width="350px"></asp:TextBox>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch1" runat="server" Text="Search" onclick="btnSearch1_Click" />
                        </asp:Panel>

                        <asp:Panel ID="Panel2" runat="server" Visible="false">
                            <telerik:RadDatePicker ID="RadDatePicker1" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Label ID="dash" runat="server" Text=" to "></asp:Label>
                            &nbsp;&nbsp;
                            <telerik:RadDatePicker ID="RadDatePicker2" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch2" runat="server" Text="Search" onclick="btnSearch2_Click" />
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

私を助けてください。前もって感謝します。

4

2 に答える 2

0

TD最後に空の2つを削除し、最後のブロックを次のようTRにcolspan="3"
変更しますTR

               <tr>
                    <td bgcolor="#EEF4FD" class="style83" colspan="3">
                        <asp:Panel ID="Panel1" runat="server">
                            <asp:TextBox ID="SearchBox" runat="server" Width="350px"></asp:TextBox>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch1" runat="server" Text="Search" onclick="btnSearch1_Click" />
                        </asp:Panel>

                        <asp:Panel ID="Panel2" runat="server" Visible="false">
                            <telerik:RadDatePicker ID="RadDatePicker1" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Label ID="dash" runat="server" Text=" to "></asp:Label>
                            &nbsp;&nbsp;
                            <telerik:RadDatePicker ID="RadDatePicker2" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch2" runat="server" Text="Search" onclick="btnSearch2_Click" />
                        </asp:Panel>
                    </td>
                </tr>
于 2015-03-11T09:50:12.710 に答える