How to remove the effect of all the parent containers on any child control


Problem :


I have the following problem , I use RadDatePicker in a table td and i have more than container(div).the problem is the (next and previous navigation text is reversed). I mean >> instead of << and > instead of < and vice versa.i tried to set the properties related to this issue but in vain .some parent container effect reverse any thing.

When i take the control out of any container every thing goes okay . What i wanna is to remove any effect of the containers' CSS on my date picker.Because i don't know which property exactly make this strange effect.

My source code:

<div class="toggle_container">
        <div class="block">
            <h4 align="right" dir="rtl">
            <hr style="width: 745px;" align="right" />
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <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">

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

                                            <telerik:RadDatePicker ID="rad_dateFrom" runat="server" Culture="Arabic (Egypt)"

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


From Firebug:

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

This is the fast next navigation and what has shown to me is << how to convert it to >>.

Thanks in advance.

Solution :

Thanks a lot. the answer is so simple. just the table direction is rtl.and this is the problem.

    CSS Howto..

    how to affect an element's width by one child element but not others using CSS

    How to center a span in a div

    How to not display css padding when span element is empty

    How to move a div up and down infinitely in CSS3?

    How to make a Xul button bigger using css as it get focus?

    jQuery How do i apply CSS to selected text

    How to manipulate Firefox UI with Addon SDK?

    How do I make the child-div to have a fixed position?

    how to compute Facebook graph api cover offset_y to pixel?

    how to use css to style a descendant (not a direct child) of an element?

    How to create a proper class structure?

    How to auto fit input field after dynamically added spans?

    How to add Bootstrap to Fullpage.js

    How to create nested css horizontal menu?

    How can I import a single string line of text to multiple HTML files?

    How to style DOM element with CSS that was created with JavaScript function

    How to select loose text between tags

    Beginner's stuff: How to stop CSS' Divs from overlapping?

    select tag in Google Chrome shows lowercase options

    How to display child elements of
  • at 100% height?
  • how to use jquery closest function

    How to give Internet Explorer different CSS lines?

    how to add background image to css3 arrow

    How to rotate a line(x1=50,y1=50,x2=50,y2=10) with respect to x=50,y=50 as center using CSS?

    How can one pass component property values to the css/less clientlibs for that component? AEM 6.2

    webkit just cuts off decimals in css number … how to workaround?

    How do you mimic multi row horizontal scroll table behavior with CSS and Divs?

    How to override default styles in GWT 2.3?

    how to make NGINX serve static content like .js, .css, .html?

    css floating problem: how to get a left float to wrap around a right float