如何删除所有父容器对任何子控件的影响

时间:2011-07-04 13:16:34

标签: asp.net css html telerik datepicker

问:

我遇到以下问题,我在表RadDatePicker中使用td,而我的容器(div)不止于此。问题是(next and previous navigation text is reversed)。 我的意思是>>而不是<<>而不是<,反之亦然。我试图设置与此问题相关的属性但是徒劳无功。某些父容器效果反向任何事情。

当我从任何容器中取出控件时,每件事情都没问题。我想要的是删除容器的CSS对我的日期选择器的任何影响。因为我不知道哪个属性确实产生这种奇怪的效果。

我的源代码:

<div class="toggle_container">
        <div class="block">
            <h4 align="right" dir="rtl">
               :</h4>
            <hr style="width: 745px;" align="right" />
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <div id="masterDiv" align="center" style="width: 800px">
                        <div id="masterControls" style="text-align: center; width: 780px;">
                            <table align="center" cellpadding="3" cellspacing="1" width="98%" dir="rtl">
                                <tr bgcolor="#f1ece2">
                                    <th colspan="3" align="right" valign="middle">

                                    </th>
                                </tr>
                                 <%--  more markup --%>
                                <tr bgcolor="#f1ece2">
                                    <td align="right" class="title" colspan="2" style="text-align: center" width="40%">
                                        الفترة (من):
                                    </td>
                                    <td align="right">

                                            <telerik:RadDatePicker ID="rad_dateFrom" runat="server" Culture="Arabic (Egypt)"
                                                Skin="Web20">
                                            </telerik:RadDatePicker>

                                    </td>
                                </tr>
                                <tr bgcolor="#f1ece2">
                                    <td align="right" class="title" colspan="2" style="text-align: center" width="40%">
                                        الفترة (الى):
                                    </td>
                                    <td align="right">
                                        <telerik:RadDatePicker ID="rad_dateTo" runat="server" Culture="Arabic (Egypt)" Skin="Web20">
                                            <Calendar Skin="Web20" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
                                                ViewSelectorText="x">
                                            </Calendar>
                                            <DatePopupButton HoverImageUrl="" ImageUrl="" />
                                        </telerik:RadDatePicker>
                                    </td>
                                </tr>
                                 <%-- more markup  --%>
                            </table>
                        </div>
                    </div>
                        </ContentTemplate>
                <Triggers>
                </Triggers>
            </asp:UpdatePanel>

        </div>
    </div>

来自萤火虫:

<a id="ctl00_ContentPlaceHolder1_rad_dateFrom_calendar_FNN" class="rcFastNext" href="#" title=">>">&gt;&gt;</a>

这是fast next navigation,向我展示的是<<如何将其转换为>>

提前致谢。

2 个答案:

答案 0 :(得分:1)

检查有问题的元素,看看哪些样式已被覆盖。没有实例,很难说更多。只是考虑到代码的外观writing-mode

答案 1 :(得分:0)

非常感谢。答案很简单。只是表格方向是rtl。这就是问题所在。