CSS в маркированном списке (li)

[Romanice]

Приветствую.

Прописал в свойствах маркированного списка (li) следующее:

.li_gr {

width: 190px;

display: block;

border-color: #cccccc;

border-style: solid;

background-color: #f0f0f0;

border-collapse: collapse;

list-style: none;

}

Получается следующее -

Однако , при использовании таблицы (а не списка) получалось так - (на белый фон не обращать внимание).

Вопрос - как сделать, чтобы границы у списков (следующих друг за другом) имели тонкую границу и как сделать отступы для текста (пробовал margin и padding, не помогло)?

В идеале надо сделать так, как на втором изображении.

[psywalker]

1) http://htmlbook.ru/css/text-indent.html

2) http://htmlbook.ru/css/border-bottom.html

[Romanice]

С отступами разобрался, а вот с толщиной границы увы, никак

[psywalker]

С отступами разобрался, а вот с толщиной границы увы, никак

А в чём проблема установить толщину побольше?

[Romanice]

Наоборот, сделать тоньше. Раньше, при использовании таблицы я применял border-collapse: collapse и рамка таблицы получалась тонкой (чтобы получилось так - ), а сейчас я хочу заменить таблицу на список.

Edited January 10, 2010 by Romanice

[psywalker]

Наоборот, сделать тоньше. Раньше, при использовании таблицы я применял border-collapse: collapse и рамка таблицы получалась тонкой (чтобы получилось так - http://yuriyromanov.ru/test/03.gif), а сейчас я хочу заменить таблицу на список.

Тоньше 1px?

[Romanice]

не, чтобы не было двойных линий от соседствующих элементов списка

[psywalker]

не, чтобы не было двойных линий от соседствующих элементов списка

Покажи точный конечный скрин того, что хочешь получить с подробным объяснением.

[Romanice]

все, разобрался, спасибо

[psywalker]

все, разобрался, спасибо

Молодец, на будущее прежде чем создавать тему, попробуй для начала своими силами справиться, намного больше отложится в голове