css of drupal тема "справа налево"

Question

Я хочу изменить css темы, которую я скачал с drupal.Меню слева направо, но я пишу на языке справа налево.Как сделать, чтобы пункты меню появлялись справа налево?

CSS меню, которое я нашел, при условии, что я определил правильное место:

/* MENU & link STYLES */

li.leaf {
    list-style-image: url(../images/all/menu-leaf.png);
}
li.expanded {
    list-style-image: url(../images/all/menu-expanded.png);
}
li.collapsed {
    list-style-image: url(../images/all/menu-collapsed.png); /* LTR */
}

#subnavlist a {
    border: 1px solid #ddd;
    color: #444 !important;
    background-color: #eee;
}
#subnavlist li a:hover {
    background-color: #dbdbdb;
}
#navlist2 a {
    color: #888 !important;
}
#navlist2 a:hover, #navlist2 a.active, 
#footer a:hover, #footer a.active {
    color: #333 !important;
}

Answer 1

Я не уверен, что это сделает ту работу, которая вам нужна (это не слишком понятно), но вы можете использовать в своем CSS direction: rtl;

Подробнее: http://www.w3.org/International/tutorials/bidi-xhtml/

Answer 2

Drupal имеет встроенную поддержку языков RTL и заменяет соответствующий CSS, когда язык определен как RTL.Если вы посмотрите на основную тему Garland (Drupal 6) или Bartik (Drupal 7), вы найдете примеры этого.Для каждой таблицы стилей, которая определяет стили LTR (например, style.css), должна быть соответствующая таблица стилей RTL (style-rtl.css).Тема выведет их при отображении языка RTL.

Для справки, посмотрите на эту страницу документации .Тема Zen также имеет очень хорошую поддержку RTL и хорошо документирована.

Поскольку CSS в вашем примере выше содержит примечание о LTR, это подразумевает, что он поддерживает языки RTL, поэтомуизменения, которые вы хотите внести, должны быть внесены в таблицы стилей * -rtl.css.

Answer 3

Я китаец, и мой английский не очень хороший. Но я надеюсь, вы понимаете это.

Я думаю, вы можете использовать два атрибута CSS: позиция : относительная; правая : длина;

длина - это расстояние от текущего объекта до его родительского объекта.

Answer 4

По умолчанию li элементы передаются / читаются в том порядке, в котором они находятся в разметке.

т.

<ul>
  <li>One</li> 
  <li>Two</li>
  <li>Three</li>
</ul>

производит One Two Three (в списке).

, тогда как li { float:right; }

производит Three Two One, хотя разметка не изменится.

это имеет смысл? Таким образом, чтобы изменить «читаемый» порядок списка без изменения разметки, вы должны поместить li элементов вправо.

Могут быть и другие способы.

edit: я должен уточнить, это работает с горизонтальным навигацией. не уверен, относится ли это к вам ~ ваши сообщения сообщают меню слева направо