Sunday, July 10, 2005

نصيحة تقنية - dir="rtl"

المشكلة : لا يظهر النص العربى بشكل صحيح فى بعض الأحيان
على سبيل المثال عندما تكون نهاية الجملة قوس ) أو نقطة . أو علامة تعجب !
فإنها تقفز الى أول الجملة كما ترى فى النص* التالى:


ماذا تمنيت و انت تلقى عملتك ؟
قلت: لا شئ و كل شئ .
فضحكت ضحكة صغيرة أخرى وقالت :
هذا هو انت بالضبط .. ستنتهى نهاية سيئة .


الحل : اضف dir=rtl الى ال HTML tag كالتالى



<p dir="rtl">
ماذا تمنيت و انت تلقى عملتك ؟
قلت: لا شئ و كل شئ .
فضحكت ضحكة صغيرة أخرى وقالت :
هذا هو انت بالضبط .. ستنتهى نهاية سيئة .
</p>

فيظهر النص كالآتى:

ماذا تمنيت و انت تلقى عملتك ؟
قلت: لا شئ و كل شئ .
فضحكت ضحكة صغيرة أخرى وقالت :
هذا هو انت بالضبط .. ستنتهى نهاية سيئة .


___________________


أوعند اضافة تعليق فى مدونة يمكنك كتابته كالآتى
<b dir="rtl">
نهارك لا تليه أحزان .
</b>
فيظهر كالآتى
نهارك لا تليه أحزان .
_________________________

*النص لبهاء طاهر من رواية "قالت ضحى"

روابط
Right-To-Left Text in Markup Languages

13 comments:

Alaa said...

و ممكن لو المدونة دايما بالعربي تقدر تعمل RTL على body tag أو في الCSS

هاه خمن الكلام اللي فوق ده معناه ايه

في drupal عملت حاجة بحيث يحدد اتجاه الكلام حسب النص بشكل تلقائي

أكيد ممكن نعمل حاجة كده لwordpress

R said...

هل يمكن أن أربط أو أنقل ما كتبته هنا إلي الشامل في المدوّنات العربيّة لكي يستفيد به عدد أكبر من القرّاء؟

Omar said...

نصيحة هايلة، أفتكر ناس كتير محتاجالها، أنا اولهم، شكراً ع الكرم يا فنان

wa7ed mn masr said...

ياعمنا متشكرين ، و يا ريت يا جماعة الزملاء المتخصصين يساعدوا الغلابة أمثالى بالمعلومات اللى من هذا النوع

Ahmed Nasr said...


علاء،
لسه امبارح بادى ابص عالwordpress‏‏
انا عايز اشوف الكود اللى انت عملته لdrupal . لو الكود online ، ممكن الرابط ليه ؟‏

رامى،
بالتأكيد يمكنك وضع الرابط و أشكرك على ذلك.

عمر ، واحد من مصر ،
بمرور الوقت اتمنى ان تزداد النصائح التقنية التى تجعل التدوين باللغة العربية اسهل و احسن مما هو عليه الآن.‏

عمرو said...


ممكن في ال
Cascaded Style Sheet
أن تفعل نفس الشيئ بإضفة:

direction:rtl;

إلى أي
CSS Class
تريدها

Shex said...


يا راجل انت فين من زمان!!!!!
تخيل انا كنت بعيد كتابه كل الترقيم عشان المشكله دي

بجد شكرا علي النصيحة الغالية دي

Lasto-adri *Blue* said...


شكرا جدا ع المعلومة.. الموضوع دة كان بيأرقنى لمدة طويلة.. أخيرا ممكن أقول: وجدتها

Bent Masreya said...

شكرا على المعلومة دى، انت انقذتنا من التعديل الكتير، دا انا كنت بعمل بهلوان عشان اظبط الترقيم

R said...


شكراً يا أحمد،
لقد تآخّرتُ في وضع الرابط،
لكنّني سأفعل اليوم.

Anonymous said...

شكراً

Tara said...

اشكرك جدا جدا جدا

عمرو said...

يمكن أيضا لغير المتخصصين تجربة
أداة CSSMirror لعكس التصاميم