I'm building an Arabic-language site and I'm wondering how to apply full HTML mark up to the text for links, heading tags, lists, etc. I'm using a theme with direction: rtl and text-align: right. However, I'm having trouble marking up the text because it seems I need to enter HTML tags in RTL format as well?

Does anyone have experience marking up text that needs to be RTL that can give me some tips?

TIA.

Comments

nimazuk’s picture

hi,
I did not get your problem exactly, but i want to help.

You may check this Persian(Farsi) site that uses RTL style.
check the CSS and feel free to ask me any question about RTL.
http://www.iran-amirentezam.com

N.Mehrabany
Baruzh web design & programming

Nima

sjancich’s picture

Thanks so much for your reply!

Here is a link to a sample page on my site (in development):

http://irc.tobaccofreecenter.org/ar/node/20

The trouble I am facing is that when I paste in my Arabic content (obviously, I do not speak Arabic!) , I need to apply some HTML tags to make bulleted lists, bold some text, etc. When I do that in my Drupal interface, my HTML tags aren't applying to the right text.

I think I need this:

<h2> Arabic text here </h2>

But what I end up with in Drupal is

>>h2 Arabic text here <<h2/

Does that make sense?

nimazuk’s picture

I guess i got it, you are using drupal forms textbox(rtl) for editing html and this causes the mess!
You can edit the html code (with arabic worlds inside) in an external text editor with LTR direction and then paste the result in the drupal form.
Also you can use a WYSIWYG text editor in drupal. I use FCK Editor and this works fine for me.
http://drupal.org/project/fckeditor

Unfortunately all the RTL languages suffer from this problem!

I hope this help you.

N.Mehrabany
Baruzh web design & programming

Nima

sjancich’s picture

Hi nimazuk...

I followed your advice and used an external (ltr) editor to mark up the Arabic text. Then I pasted it into Drupal.

Here's what I ended up with:

http://irc.tobaccofreecenter.org/ar/node/21

I think it's working...?!

nimazuk’s picture

i am glad it works for you.

i changed the html and here is the new code, i think in the last line there are some unwanted TAGs like <و>, Is it necessary to keep them?
In this code block i removed them.

<h3>ما هو مركز الموارد الدولية؟</h3>
<p> مركز الموارد الدولية هو دار المقاصّة للموارد من أجل دعاة مكافحة التبغ في جميع انحاء العالم و هو جزء من المبادرة بلومبورغ العالمية لمكافحة التدخين. و تهدف هذه المبادرة ممولةً من الراعي و عمدة مدينة نيو يورك مايكل ر. بلومبرغ الى تقليل التدخين في البلدان منخفضة ومتوسطة الدخل التي يقيم فيها اكثر من ثلثي المدخنين في العالم. </p>
<p> الحملة من أجل أطفال بلا تدخين تدير مركز الموارد الدولية. </p>
<ul>
<li>تعلّم المزيد عن >مبادرة بلومبورغ العالمية لمكافحة التدخين</li>
<li>تعلم المزيد عن >حملة من أجل أطفال بلا تدخين</li>
</ul>
<h3>لماذا مكافحة التبغ هي أولوية عالمية؟</h3>
<p>
<b>يقتل التبغ 14,000 شخص تقريباً كل يوم</b>
. ما لم تتخذ اجراءات عاجلة فالتبغ سيقتل 10 مليون شخص سنويا بحلول عام 2020 ، 70 ٪ منهم في البلدان النامية.
</p>
<p>والخبر السار هو ان المجتمعات العلمية والطبية في كثير من البلدان قد حددت تدابير فعالة من حيث التكلفة لمكافحة التبغ الذي يقلل إلى حد كبير من استخدام التبغ والتعرض الدخان مستعمل. هذه التدابير لانقاذ الارواح وتحسين الصحة وخفض نفقات الرعاية الصحية. اذا خفض استهلاك سجائر الكبار إلى النصف على نطاق العالم فيمكننا منع اكثر من 300 مليون حالة وفاة من الدخان في غضون 50 عاما. </p>
<ul>
<li>تعلم المزيد عن مشكلة التبغ العالمية.</li>
<li>تعلم المزيد عن تدابير الفعلية من أجل تقليل الدخان والتعرض للدخان المستعمل مثل  زيادة الضرائب التبغية  و فرض قيود على اعلانات التبغ و بيئات خالية من التدخين  و تصاميم تحذيرات صحية الكبيرة. </li>
</ul>

Developing with RTL languages is really hard! :)

N.Mehrabany
Baruzh web design & programming

Nima

sjancich’s picture

Wow! Thank you SO much for helping me. This is my first RTL site and it has certainly been a challenge. ;)

lotsahair2’s picture

i would like to know how to take a theme and make it fully RTL.

afterwards, I intend to import hebrew into it.

will this work?

nimazuk’s picture

Hi,
You may start by taking a look at this RTL theme
http://drupal.org/project/garlandrtl

I will be happy if I can help you.

N.Mehrabany
وب سایت عکاسی و طراحی وب
CSS Formatter & Optimizer

Nima