Форум сайта MyRusakov.ru

не могу реализовать вот что...
Вертикальный список...
оцентрованый по правому краю блока...
с маркером с правой стороны в виде картинки...
блок шириной 160рх
между каждой строкой списка белая линия..
собственно проблема только в одном не могу понять как
макер вытащить из под текста...

в .css вот что...

#menu_l li{
width: 160px;
margin:0 0 0 -50px;
padding: 0 10px 0 0 ;
border-bottom: 1px solid #fff;
list-style-type: none;
text-align: right;
background: url("img/submenu_marker.gif" right no-repeat;
}

Укажите HTML-код.

да всё тот же(((
в теме див верска...

url("img/submenu_marker.gif" no-repeat scroll right center transparent - вот так правильно.
А дальше всё зависит от размеров картинки, адаптируя свойства margin и padding. В данном случае, margin нужно сделать таким, чтобы за границы ссылки не выходили, а padding - это уже отступ от самих ссылок.

Спасибо все работает...
только вот не могли бы Вы предписание сделать...
к чему тут два атрибута: scroll и transparent;??
я понимаю что одно прокручивание второе прозрачность... но...

scroll позволяет перемещаться фону вместе с содержимым.
transparent означает, что общий цвет фона берётся родительский (можно сказать, что transparent - это прозрачный цвет фона в тех местах, где отсутствует картинка).

гм... пасибо большое)))