خروجی متفاوت CSS در فارسی و انگلیسی

[mot.moh]

سلام
در این دو تصویر block های مشخص شده ، از یک کلاس css هستند؛ اما در در دوزبان فارسی و انگلیسی نتیجه های متفاوت میدن. در فارسی خیلی خوب کار می کنه اما در انگلیسی به هم میریزه !
بلوک ها رو با افزونه web developer فایرفاکس مشخص کردم.

[img width=640 height=295]http://www.freezpic.com/pics/b22883e198b50c9d0358126a0099cca4.jpg[/img]

[img width=640 height=260]http://www.freezpic.com/pics/a4d7ad64f22b24c8d5875b2d58710077.jpg[/img]

این هم تکه کد مربوطه css :

blockquote{font-family:tahoma ;font-size:15px;margin:0 30px 0 30px;padding:5px 0 0 5px;}
blockquote p{margin:0 30px 0 30px;padding:5px 0 0 5px;}

مشکل از کجاست؟

[reka]

سلام

منظورتون از بهم ریختگی دقیقا چیست؟

الان به نظر میرسه اختلافی در نحوه ی طبعیت از css ندارن. هر دو متن RTL هستند.
شما باید یک css جداگانه برای زبان دوم بنویسید و با یک دستور شرطی بگید که اگر فلان زبان بود فلان فایل css رو لود بکن. به این صورت میتونید مثلا برای زبان انگلیسی جهت نوشتن رو LTR کنید.

البته اگر فقط در مواقع خاص متون انگلیسی در سایت میذارید (یعنی کلا سایت دو زبانه نیست) میتونید برای همون قسمت مشخص یا پاراگراف مشخص css تعریف کنید و در div یا p جداگانه بذارید.

اگر آدرس دو متن فوق رو هم بدید بهتر میشه راهنمایی کرد.


یا علی

[mot.moh]

منظورم از بهم ریختگی ، این بود که متن انگلیسی از محدوده خارج شده و برخلاف margin تعریف شده براش ، عمل کرده. جملات از کادر خارج شدن.

این هم لینک دو مطلب :

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

** هایپرلینک اصلاح شد

[reka]

سلام

شما برای نمایش متن انگلیسی از <pre> استفاده کردید و همین باعث شده این مشکل پیش بیاد چرا که این تگ استایل خاصی در قالب شما نداره.

یا باید <pre></pre> رو به <p></p> تغییر بدید یا باید واسه <pre> یک کلاس css تعریف کنید که راه اول ساده تر و سریع تر هست.
درضمن بهتر است در تگ <p> جهت متن رو ltr کنید تا متن انگلیسی صحیح نمایش داده بشه:

<p style="direction:ltr;">
متن
</p>

یا علی