tables switched Options

[im new]

I have tried using this code to switch my tables from left to right. It doesn't seem to be working.

CODE

<style type="text/css"><br />
table {direction:rtl;}<br />
table table table {direction:ltr;}<br />
</style>

here are my codes that i have in my profile.
don't know if you need it all, but yeah.



About me

CODE

<style>
table, tr, td{background-color: FFFFFF;}</style>

<style>
table, tr, td{border: 0px;}</style>



<style type=text/css>
td td embed {width:0px; height:0px;}
td td embed, td td object {width:0px; height:0px;}
td.text embed, td.text object {width:320px; height:240px;}
td.text embed {width:320px; height:240px;}
td.text embed {width:auto; height:auto;}
td.text embed, td.text object {width:auto; height:auto;}</style>




<style type=text/css>
table tr td div font {display: none;}
</style>

<style>

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>

<style>
.nametext{color:ff0099; font-family:impact;text-decoration: none;
font-size: 27pt;font-weight:;letter-spacing:-1pt;border: none;
line-height:24pt;background-color:none;text-transform: none; }
</style>

<style>.whitetext12{visibility:hidden; display:none;}.orangetext15{visibility:hidden; display:none;}.lightbluetext8{visibility:hidden; display:none;}</style>


<style type="text/css">.lightbluetext8 {display:none;}
table table table table td {width:0px;}
.contactTable td, table table td.text table td,
table table table table table td {width:auto;}</style>


<style type="text/css">
.contactTable { display: none }
</style>




<style type="text/css">
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style>

Who I'd Like To Meet

CODE

<div style="display:none"> <table><tr><td><table><tr><td>

Heroes

CODE

<style type="text/css">td.text td.text .orangetext15 {display:none;}
td.text* {background-color:transparent !important;}
</style>

</td></tr></table>
</td></tr></table>
</td><td>
<div class="off">
<table><tr><td><table><tr><td>

Screen Shott


See how they are not actual boxes, they are all connected, maybe that has something to do with it??


HELP?

[*WHIMSICAL 0NE*]

Have you tried taking the line breaks out of your css?

CODE

<style type="text/css">
table {direction:rtl;}
table table table {direction:ltr;}
</style>

[im new]

o0o0o yeaahh it works now..
thanks!