Выровняйте пулевые точки вправо, а не влево

У меня есть точки пули, которые выровнены вправо, и я хотел бы, чтобы маркерные точки появлялись справа, а не слева.Выровняйте пулевые точки вправо, а не влево

Я использую маркеры, потому что я заменю пулю стрелкой на точки URL и использую ее для навигации.

Как это сделать?

Это код, который я использую для навигации в заголовке:

.header right { 
padding-top: 8px; 
float: right; 
text-align: right; 
} 
.header right ul 
{ 
margin:0; 
padding:0; 
} 
.header right a 
{ 
display:block; 
color: black; 
text-decoration: none; 
}

и HTML

<right> 
<ul> 
<li><a href="">Home</a></li> 
<li><a href="">Jewel Thieves</a></li> 
<li><a href="">Community</a></li> 
</ul> 
</right>

Если я использую направление RTL, пули исчезли.

источник

2014-01-11 Anthony

предоставить код –

post Html тоже .. так что мы можем сделать скрипку –

@ Энтони: «Если я использую направление rtl, пули исчезли»? нет, у них нет. Вероятно, у вас есть еще один css, из-за которого пули исчезли. – Exlord

попробовать этот

DEMO

MARK UP:

<div dir="rtl"> 
<ul> 
<li><a href="#home">Home</a></li> 
<li><a href="#news">Jewel Thieves</a></li> 
<li><a href="#contact">Community</a></li> 
</ul> 
</div>

источник

2014-01-11 05:47:16

' div 'container и CSS declarations block (в JSFiddle) являются ненужными. –

вы можете использовать direction:rtl; CSS свойство

или dir="rtl" атрибут HTML

источник

2014-01-11 05:32:59 Exlord

Это не сработало, я добавил код в сообщение. – Anthony

@ Энтони это прекрасно работает.Нет проблем в этом, и смешно, что вы отметили ответ, который имеет несуществующий тег HTML –

Не прочный. Проверьте, что произойдет, если у вас есть '

foo?

' например. –

<!DOCTYPE html> 
    <html> 
    <body> 

<ul dir="rtl"> 
    <li>Write this text right-to-left</li> 
    <li>Write this text right-to-left</li> 
    <li>Write this text right-to-left</li> 
</ul> 

    </body> 
    </html>

Он будет работать для вас

источник

2014-01-11 05:33:19 Dipak

Работы для меня

Live Demo

ul { 
direction:rtl; 
list-style-image:url(http://australianetwork.com/img/icon_arrow_left_black.png); 
}

Использование простой и действительно - обратите внимание на объект ‎ на правом кронштейне и вопросительный

<ul> 
    <li><a href="">Home (on the range)&#x200E; </a></li> 
    <li><a href="">Jewel Thieves</a></li> 
    <li><a href="">Community</a></li> 
    <li><a href="...">foo?&#x200E;</a></li> 
</ul>

источник

2014-01-11 05:54:33 mplungjan

Настройка direction: rtl на элемент списка будет помещать пули справа, но это хрупко, поскольку параметр также устанавливает общее направление записи. Это означает, что, например, «Foo (bar)» будет отображаться как «(foo (bar», в соответствии с двунаправленным алгоритмом Unicode).

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

<style> 
ul { direction: rtl; } 
ul li a { direction: ltr; unicode-bidi: embed; } 
</style>

Однако, это, вероятно, слишком сложно, лучше, чтобы добавить маркеры списка. (пули, стрелки, любые) в качестве символов или изображений, возможно, с помощью CSS, в элементы списка и опускать маркеры списка, созданные браузером. Детали зависят от специфики и контекста исходной проблемы.

источник

2014-01-11 06:32:13

1+ Хороший улов, все остальные не упомянули об этом. –

@JoshC: проголосовать, чтобы удалить мой ответ –

ul li * {...} еще лучше – Exlord

Выровняйте пулевые точки вправо, а не влево

ответ

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