Joomla Templates Club 406,261 posts

[ismailbabelli Friend ismailbabelliJoin date: July 2008Posts: 18Downloads:0Uploads:2 Thanks: 5]

#133458

Hi

I am Arabic user. I just changed the aligment of the template to be from right to left instead from lt to rt. That was by only changing every left css word to right and vice versa and adding : dir=”rtl” to php file.

Now, this worked pefectly with mozilla but with stupid explorer I found the following errors:

1- the navigation in main menu is not any more in its site when the tabs is pressed
2- the pics up are shifted to the left more
3- the whole page is extened to the left

This is the site link:
forex.forexsafari.com

this happened with all templates I applied to them those changes.

any idea how to solve this stupidity of explorer.

Regards

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#271100

Hi ismailbabelli !
Please send url of your site !

[ismailbabelli Friend ismailbabelliJoin date: July 2008Posts: 18Downloads:0Uploads:2 Thanks: 5]

#271153

<em>@hainn84 80592 wrote:</em><blockquote>Hi ismailbabelli !
Please send url of your site !</blockquote>

Hi hainn84

This is my web site link:

forex.forexsafari.com

and those are pics to explain whats going on:

This is mozilla:

And this is explorer:

In explorer if you use the latest version you will not see empty table. It will be only displaced to left.

I hope my problem is clear now.

By the way, if I used the split menu both the problems of the menu and the endless left scrolling will disappear, i.e. the main problem is in the position of the pic and the log in form

[sgreer Friend sgreerJoin date: August 2008Posts: 14Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#271196

Can you post the original and modified CSS for the menu please?

[ismailbabelli Friend ismailbabelliJoin date: July 2008Posts: 18Downloads:0Uploads:2 Thanks: 5]

#271207

<em>@sgreer 80707 wrote:</em><blockquote>Can you post the original and modified CSS for the menu please?</blockquote>

Both the original and the modified files are in the attachements.

Simply what I have done:

1- changing every “left” to “right” and vice versa in css files in all align, float and padding commands,
2- adding dir=”rtl” in the biggening of template main php file as in the attached file
3- flippeing horizontally all the pics.

This worked well with JA Taline wich is installed on the main web site. But not now any more with the other templates. I tried helio and fedora but both showed same problems I mentioned above.

---

Attachments:

1. ja_helio.zip
2. ja_helio-rtl.zip

[sgreer Friend sgreerJoin date: August 2008Posts: 14Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#271335

Hi there. I’ve had a look at your problem locally. I think that by taking a shortcut and finding and replacing everything will actually make you more work in the long run because it will become buggy and confusing.

Switching everything round the other way will inevitably cause problems because certain things (I imagine) you’d want to start from the left, even if they were on the right. Such as filling in text boxes etc. Margin spacers and absolute positionings are also likely to be spaced from the left, so if you didn’t include those in the fields you edited it may have something to do with it.

What I would do is start with the original template and:

1) swap over the modules from left to right by going into the Joomla admin panel and sending them to “right” in the module manager. Do the same but from right to left for the other modules

2) If you want the arrows on the menus to face the other way, then horizontally flip that image.

3) Go into your CSS file and find #ja-search. You’ll see that it says right: 0px. Change that to read left: 0px.

4) Navigate to ja_helioja_menusja_moomenuja.moomenu.css and the first statement there should read:


#ja-cssmenu {
margin: 0; /* all lists */
padding: 10;
background: url(../../images/mainnav-sep.gif) no-repeat left;
}


You should add into that:

position: absolute;
right: 0px;


Save it and have a look and you should have your menu and search bars the other way round.

I’ll have a look at the login bar in a short while, but I hope that helps for now.

Simon

[Author]

Posts