Thread Title: Change Sides (messes up content)

Thread Description (By: Carrzkiss):
quincydude
it's not really the case...

say you got the following layout
<table> --1st layer
  <table> -- 2nd nested layer
    <table> --3rd nested layer
    </table>
  </table>
</table>

table {direction:rtl;}
would only swap the 1st layer
and
table table table{direction:ltr;}
would just keep the content in the 3rd layer table in the direction left to right.
The above style do not do any affect on the 2nd table.

As I have suggested, you should use class to accomplish this.
Using the style
table {direction:ltr;}
table.rtltab{direction:rtl;}

and apply the class rtltab to any table you want to swap just like the example below. So if a table is not in the class, it will remain original. This style is independent of your page structures which is much easier for you to maintain.

Q_24211267
To view the output, click here: [ => Output <= ]
Download Code (Some codes do not have .zip files with them, sorry!)


This Thread has been viewed: [ 443 ] times

Visit Carrzkiss of Experts Exchange at the following locations.
CFF Coding Source
=>Coding Source
Coding Source is a site designed for sharing of source codes, from different forms of software.
With over 100 Members and growing nearly every day!
Knowledge Base<=
Our Knowledge Base, is packed full of information to help you overcome your coding and trouble shooting issues.

Designed by: EE's very own Carrzkiss.
You know Carrzkiss from his reputation on Experts Exchange, now see his work in action.

Join the new Image Hosting site: PicDrive.net Free 500MB Account (Paid account coming soon)
EE.CFFCS.COM is Brought to you
by: CFFCS.COM - Carrz-Fox-Fire Coding Source) A ®Carrz-Fox-Fire Promotions©2000-2017 Company