Танцы со списками

mozart · November 5, 2008

Доброе время суток!

Может кто знает, можно ли сделать выравнивание списка не по левой стороне, а по правой, соответственно и маркеры перенести тоже на правую сторону? Задумка зделать меню полукругом обтекающий справа и слева груглый объект. С правым списком проблем нет, а вот с левым - проблема. Можно ли такое сделать списком?

Edited November 5, 2008 by mozart

Faust · November 5, 2008

Попробовал решить вашу проблему с переноом маркеров на правую сторону

способ конечно не универсальный но ....

css

.list {

text-align: right;

margin-right:10px;

}

.qw {

margin-left: -40px;

}

html

</ul>

@LEXXX_NF · November 6, 2008

Неизвращенный способ выглядит примерно так:

<ul style="direction: rtl;">
  <li>пункт раз</li>
  <li>пункт два</li>
  <li>пункт три</li>
  <li>пункт четыре</li>
</ul>

Faust · November 7, 2008

а где же css ? иль я чегото недопонял

fominsa · November 7, 2008

<style>

ul {list-style:none;}

li:after {

display: marker;

content:" *";}

</style>

это не работает в ie

Anami · November 7, 2008

Про content жми сюда и читай какие браузеры поддерживают.

И второе. li:after это что?

@LEXXX_NF · November 8, 2008

а где же css ? иль я чегото недопонял

CSS весь тут:

style="direction: rtl;

Может так будет понятнее:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
	<title>Список</title>
	<style type="text/css">
	  ul { direction: rtl; }
	</style>
  </head>
  <body>
	<ul>
	  <li>пункт раз</li>
	  <li>пункт два</li>
	  <li>пункт три</li>
	  <li>пункт четыре</li>
	</ul>
  </body>
</html>

Edited November 8, 2008 by @LEXXX_NF

fominsa · November 11, 2008

Про content жми сюда и читай какие браузеры поддерживают.
И второе. li:after это что?

чесно говоря сам не знаю нашел случайно на какомто сайте

Searcher · November 11, 2008

:after это псевдоэлемент, читайте тут, но он не работает в IE

Sign In

Танцы со списками

Question

mozart

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Faust

Link to comment

Share on other sites

@LEXXX_NF

Link to comment

Share on other sites

Faust

Link to comment

Share on other sites

fominsa

Link to comment

Share on other sites

Anami

Link to comment

Share on other sites

@LEXXX_NF

Link to comment

Share on other sites

fominsa

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information