2010-08-03 7 views
3

je besoin de quelques conseils sur css et les styles, ne sont pas une question facile à poser,: les conseils css et Html

Je suis sur la façon de développer un projet qui va être dans quelques langues, je sais comment gérer les dictionnaires, au moins pour l'instant, mais j'étais avec un plus gros problème ...

La page ça va être sur l'anglais, et aussi le japonais et l'hébreu, ils ont un style différent comme ils regardent et lisent de droite à gauche dans quelques pages.

Comment puis-je gérer cela? J'envisageais d'utiliser des modèles, mais ce n'est pas si simple, l'autre option était de le faire à nouveau.

Il existe un moyen de travailler avec css pour inverser la vue, comme le premier bouton à droite et le logo, etc.

Merci et désolé pour mon anglais.

Répondre

3

Essayez de spécifier <html dir="rtl"> dans votre balisage pour les langues qui nécessitent un support de droite à gauche. Vous pouvez probablement faire une cartographie de toutes les langues (clés) et les directions (valeurs). Ensuite, en fonction de la langue, spécifiez la direction de l'élément html.

Je lirais: http://www.w3.org/International/tutorials/bidi-xhtml/

Si pour une raison quelconque vous avez besoin de gauche à droite sur un certain élément, indiquez simplement l'attribut dir sur elle: <div dir="ltr"></div>

En outre, vous pouvez probablement définir une classe sur la body ou html élément en fonction de la direction. Et sur cette base, vous pouvez, par exemple flotter les choses droite ou à gauche si vous besoin à ..

body #foo { float: left; } 
body.right-to-left div#foo { float:right; } 
+0

avez-vous essayer sur une grande page? comment se comporte-t-il spécialement avec: S – Saikios

+0

Essayez 'javascript: alert ($ ('html'). attr ('dir', 'rtl'))' dans votre barre d'adresse, dans stackoverflow ou sur n'importe quel site avec jQuery. –

+0

Il semble fonctionner correctement dans IE. Il transforme magiquement la direction de toute la page. Bien que je suis sûr qu'il y a des bogues de cas de bord spécifiques à IE, mais c'est un début ... –