{"id":308,"date":"2011-11-13T19:07:45","date_gmt":"2011-11-13T19:07:45","guid":{"rendered":"http:\/\/psd2htmlconverter.com\/en\/wordpress\/?p=308"},"modified":"2016-01-20T23:46:53","modified_gmt":"2016-01-20T23:46:53","slug":"creating-css-layout-for-rtl-language","status":"publish","type":"post","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2011\/11\/13\/creating-css-layout-for-rtl-language\/","title":{"rendered":"Creating CSS layout for RTL language"},"content":{"rendered":"<p>A lot of us get used to write from the left to the right. So it is accepted in English, Russian and a lot of other languages. But there are a lot of languages (like Arabian or Hebrew) in which LTR writing system is used. HTML and CSS provide support for both LTR and RTL writing system.<!--more--><\/p>\n<p>HTML provides a special attribute &#8220;dir&#8221;, that accepts two values:<\/p>\n<ul>\n<li>ltr &#8211; for the left to right writing system<\/li>\n<li>rtl &#8211; for the right to left writing system<\/li>\n<\/ul>\n<p>However, using &#8220;dir&#8221; attribute is not welcomed because it is responsible for the appearance of the document, not for its structure. But cascading style sheets should be used to describe appearance.<\/p>\n<p>In CSS there is a &#8220;direction&#8221; property that is responsible for:<\/p>\n<ul>\n<li>how the text is rendered in the block;<\/li>\n<li>position of the scroll bar in the blog;<\/li>\n<li>order of columns in the table;<\/li>\n<li>position of the orphan line in the text block with text-align: justify.<\/li>\n<\/ul>\n<p style=\"text-align: left;\"><a title=\"Psd to Css Online\" href=\"\/\/psd2htmlconverter.com\/en\/\">Psd to Css Online<\/a> service now supports conversion of design templates with RTL text direction. We added an additional option for that on the <a title=\"PSD file upload\" href=\"\/\/psd2htmlconverter.com\/en\/convert-psd-to-html\/\">PSD file upload<\/a> page. Choose the text direction you need on your web page and then upload your PSD design. <a title=\"Psd to Html software\" href=\"\/\/psd2htmlconverter.com\/en\/documentation\/\">Psd to Html software<\/a> will make all the work for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A lot of us get used to write from the left to the right. So it is accepted in English, Russian and a lot of other languages. But there are a lot of languages (like Arabian or Hebrew) in which LTR writing system is used. HTML and CSS provide support for both LTR and RTL &hellip; <a href=\"https:\/\/blog.psd2htmlconverter.com\/en\/2011\/11\/13\/creating-css-layout-for-rtl-language\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Creating CSS layout for RTL language<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1,5],"tags":[],"class_list":["post-308","post","type-post","status-publish","format-standard","hentry","category-all","category-new"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":6,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/308\/revisions"}],"predecessor-version":[{"id":471,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/308\/revisions\/471"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}