RTL fix 4 Firefox alot of bug whith IE?


Author Message
Ronen Choen

Posted: 12/1/2009
Quote message 

Hi
I read what you wrote about the template_rtl.css
And made the change all so change the Art Menu Slide-Bar direction change
and add the names "art-" before for vertion 2.3
I had a lot of problems with IE 6-7-8 all the web design ruined.
You (RTL people) have any solution for this?

this is my template_rtl.css

body

{

direction: rtl;

}



.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover

{

text-align: right;

}



.art-menu li

{

float: right;

}

.art-menu ul
{
: 0;
margin: -10px -30px 0 0;
}

.art-menu ul ul a

{

margin-right: auto;

}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .nav ul.art-menu ul span, .nav ul.art-menu ul span span

{

text-align: right;

float: right;

font-weight: bold;

}



.PostHeaderIcon-wrapper

{

text-align:right;

}



.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover

{

text-align: right;

}



.PostHeader a:link

{

text-align: right;

}



.PostHeader a:visited, .PostHeader a.visited

{

text-align: right;

}



.PostHeader a:hover, .PostHeader a.hovered

{

text-align: right;

}



h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover

{

text-align: right;

}



h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover

{

text-align: right;

}



h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover

{

text-align: right;

}



h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover

{

text-align: right;

}



h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover

{

text-align: right;

}



h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover

{

text-align: right;

}



blockquote p

{

text-align: right;

}



.Button .btn .t

{

text-align: right;

}



table.moduletable th, legend

{

text-align: right;

}



.contentpaneopen_edit

{

float: right;

}



form#form-login

{

text-align: right;

}



form#com-form-login

{

text-align: right;

}



table.paramlist td.paramlist_key

{

text-align: right;

}



.pollstableborder td

{

text-align: right;

}



#syndicate

{

float: right;

}


-------
thanks, Ronen
 
ronen

Posted: 12/1/2009
Quote message 

change this
".art-menu ul
{
: 0;
margin: -10px -30px 0 0;
} "

to :
"
.art-menu ul
{
right: 0;
margin: -10px -30px 0 0;
}
"