2013-09-20 2 views
1

Как вы? Я купил этот шаблон (http://www.awerest.com/demo/syndicate/onepage/) и его очень хорошо, но у меня проблема. Я хочу изменить направление для всего шаблона на «rtl». Но его не работает, все изменения не отражаются вообще.изменить направление от ltr до rtl

Я добавил этот CSS, но он не работает также

html { direction:rtl;} body { direction: rtl  } section { direction:rtl; } div { direction:rtl;} ul  direction:rtl;} 

Если кто-то может помочь мне, что нужно сделать, чтобы изменить это направление шаблона, было бы хорошо, спасибо много.

+0

Вам не хватает '{' after 'ul'. Это ваш точный css? –

+0

Добавьте 'unicode-bidi: embed' в HTML. Вам не нужен атрибут направления для каждого элемента, просто сделайте это на html. Вы также можете добавить следующий атрибут к узлу 'html':' dir = "rtl" 'вместо изменения CSS. –

+0

Джеймс не проблема в css, это только мое письмо здесь. Мохаммед, я добавил, что он не работает. –

ответ

0

Просто добавьте * {direction: rtl} в ваш css. Если направление явно установлено в других элементах, используйте * {direction: rtl !important}

+0

Я пробовал, все еще не работает . Я вижу элементы, которые получают стиль в инструментах разработчика в IE, но не работают. Устранение/проверка стиля даже не дает никакого эффекта. –

1

Возможно, вам лучше настроить направление непосредственно в HTML (используя атрибут dir) вместо изменения CSS. Это изменит все элементы на странице, не требуя подробных изменений CSS.

+0

Я сделал это, не работая. –

2

ПРОСТОЕ РЕШЕНИЕ

Использование реж = «авто» на формах и вставленный текст для того, чтобы автоматически определить направление содержания, подаваемого во время выполнения

<div dir="auto">Hello, world!</div> 
 
<br/> 
 
<div dir="auto">لا إله إلا الله محمد رسول الله</div> 
 
<br/> 
 
<input type="text" dir="auto" value="Hello, world!" > 
 
<br/><br/> 
 
<input type="text" dir="auto" value="لا إله إلا الله محمد رسول الله" >

JSFIDDLE Демо-версия https://jsfiddle.net/80k0drsf/

Смежные вопросы