Stylesheet and languages problem

[Guest]

Hi,

 

I've been helping a friend open a store with OSCommerce and a template bought with Template Monster (Yes, yes, I know the general opinion on Template Monster, please, I know). I've worked with OSCommerce V2 but it's my first time with V2.3 and CSS. I'm a real newbie with stylesheets.

 

Until now, customization has been going smoothly, but I've stumbled upon a weird issue I can't quite figure out by myself, and no amount of Google helped me get a hint.

 

I've installed french language, as the store is bilingual, but curiously, the stylesheet will not format text in some pages when french is in use in the store! Font color and type are ok, it's only the size that changes; quick links are displaying ok, but the navigation bar and, for example, text in the 'Contact Us' page is way too big.

 

Help? ;_; I really don't know where to start looking... I really thought the css would apply smoothly to all languages, seeing as it's not even in the includes/languages folder.

 

Is there a place somewhere where you can choose to apply a stylesheet to some languages and not to another one?

 

Thanks for your help...!

[Guest]

Please? So far, I've been through all the files in the french and english folders, compared them, found no code that could explain the difference. I can't find anything in the stylesheet.css file either. The code I can see in the generated index.php in my browser shows a few differences, but I have no idea where to look to repair that.

[germ]

If you'd give a URL so people could see the problem firsthand and examine the source to identify the problem you'd probably get more help.

 

It's next to impossible to fix what you can't see...

:blush:

[Guest]

Thanks, that's a first step :)

 

Here's the link : http://www.yumedream.com/testshop/catalog/index.php

 

It's the test site I'm working on before installing the real thing. Everything looks fine on the english default page, but click the french flag then everything goes wrong, some text displays correctly, some won't... I can see the french version handles css a little differently, but no idea where that could be coming from... :(

[germ]

The reason the contact us page goes awry with the new language is that there is more text to display but no room for it so the formatting suffers.

 

The easiest fix is is to make the font there smaller.

 

To do that, in your stylesheet.css file find this line:

 

.menu_item a {color:#fff;font-size:1.45em;line-height:1.4em;font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

On that line change the font-size to this:

 

font-size:1.13em;

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

The drawback is it makes the font smaller on the English page as well.

 

We could make a code change so it only affects the page when the French language is active if we have to.

:)

[Guest]

I don't think it quite covers my issue. It's not just the contact us page that goes awry, it's most of the site. Take the research box, for example. Why does does it look like it's size 7 in english, but size 12 in french? And why would the text menus, under the regular menu and at the bottom of the site, display correctly in both french and english version if this was a question of font size per language?

 

It's also not just that there are more characters; some things have the same number of characters, yet they display badly in french, using a bigger font size. Why so?

[multimixer]

Many questions, yes.

 

Did you ask template monster? Finally you paid money for that template, didn't you?

 

Whatever, the issue is because your menu items of the top navbar are longer in french. Make the wording shorter and it should work again, at least from a first sight.

 

For a second sight I would still go and ask the one who got my money

[Guest]

Ok! Now I feel like banging my head on a wall. I was so worked up byt the issue I didn't think about trying a different browser, as everything appears fine in english. Now it turns out Chrome is the problem! I've opened a Firefox window to try and use DOMi and, voilà! everything looks fine. I must have looked like such a weirdo...

 

So I went and corrected the text length for the main menu. French now looks nicer, but still faulty in Chrome. Looks perfect in Firefox 3, but faulty in Firefox 4. Completely broken in IE8. Safari yet to be tested. Now it seems like a browser compatibility issue, but only for the french side...

 

And no, I haven't contacted Template Monster as a- I'm not personally the one who bought the template and b- french wasn't part of the template, I'm trying to implement a second language to the base template that had only one. So it's pretty much just me messing up... therefor I'm here begging for help x_x