Как разделить чертой горизонтальное меню?

[yura_co]

Подскажите как разделить чертой пункты в горизонтальном меню ?
пациент Для просмотра ссылки Войди или Зарегистрируйся

 

[l00k]

"  ·  " заменить на "  |  " не?
  - пробел
| - вертикальная черта |

 

[ddn128]

.links:after {
content: "|";
}

 

[ddn128]

а как отцентровать?

.links:after {
    content: "|";
    padding: 0 0 0 4px; /* или по вкусу*/
}

Установите firebug и эксперементируйте.

 

[Nikita_Sp]

Какой ужас тут советуют
Это имхо самый правильный вариант.

.menu li a+a:before{
content: "|";
}

 

[yura_co]

спасибо за советы. я немного отсутствовал. но так получилось что думал о одном а написал другое(((
надо разделить вертикальное меню горизонтальной чертой.
и вариант для горизонтального меню:
.menu li a+a:before{
content: "|";
}

вряд ли подойдёт, ибо там черточки выскочат и в горизонтальном и в вертикальном меню и в меню категорий

 

[Nikita_Sp]

спасибо за советы. я немного отсутствовал. но так получилось что думал о одном а написал другое(((
надо разделить вертикальное меню горизонтальной чертой.
и вариант для горизонтального меню:
.menu li a+a:before{
content: "|";
}

вряд ли подойдёт, ибо там черточки выскочат и в горизонтальном и в вертикальном меню и в меню категорий

ну так а что, классами разделить никак?
Добавьте класс нужному меню например class="yourclasses schertochkami"

Но это самый правильный вариант.

 

[yura_co]

ну так а что, классами разделить никак?
Добавьте класс нужному меню например class="yourclasses schertochkami"

Но это самый правильный вариант.

Ваша правда что самый правильный....
А что с вертикальным меню? А то с горизонтальным хоть понятно где и что изменить а вот с вертикальным вапче тёмный лес.

 

[mff4]

yura_co, боковое меню обернуть в один контейнер с одним классом, верхнее - в другой, с другим классом.

 

[Nikita_Sp]

Ваша правда что самый правильный....
А что с вертикальным меню? А то с горизонтальным хоть понятно где и что изменить а вот с вертикальным вапче тёмный лес.

там можете использовать бордюр (рамку)
.menu.withborder li a{
display:block;
border-bottom:1px solid #000;
}
.menuwithborder li:last-child a{
border:0;
}