как уменьшить border-left и выровнять по середине?

[hea8y]

Здравствуйте.

Если делать :

<ul class="qwe">

<li class=""> </li>

<li> </li>

<li> </li>

</ul>

И у .qwe { border-left:1px solid gray }

или просто ставить бордюр для какого-нибудь div , то получается | (черта бордюра) -растянутая по высоте на весь li или div.

если поставить этому div или li height:10px, то конечно бордюр уменьшается, но вместе с div или li.

Можно ли как-то регулировать высоту этого бордюра и его центрирование?

[Gaspode]

По-человечески — никак. Ставьте картинку на фон.

Edited December 23, 2011 by Gaspode

[Softlink]

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

[hea8y]

Имеем например

<div></div>

div {

border-left: 2px solid red;

}

если добавим:

div {

padding-top: 5px; /*вообще не в теме*/

а если

margin-top: 110px; /* То бордер - полоса, сдвигается, но вместе с дивом. */

}

А мне нужно бордюр дива уменьшить, но div не уменьшать

[Softlink]

Не понятно тогда причем тут список.

Сделал два варианта, о которых говорил.

Первый и второй.

[hea8y]

Не понятно тогда причем тут список.

Сделал два варианта, о которых говорил.

Первый и второй.

Спасибо большое, очень помогли c div:before, div:after{

Edited December 23, 2011 by hea8y

[hea8y]

Подскажите пожалуйста еще, как можно убрать разделитель (линию - разделитель первый красный) перед первым li? first-child ?

Сделал вот так :

Моя ссылка

Подскажите пожалуйста еще, как можно убрать разделитель (линию - разделитель первый красный) перед первым li? first-child ?

Edited December 23, 2011 by hea8y

[Softlink]

...first-child ?

Ага, он самый.

http://jsfiddle.net/p2evD/1/

[hea8y]

...first-child ?

Ага, он самый.

ОГРОМНЕЙШЕЕ СПСИБББО!

Edited December 23, 2011 by hea8y