Как сделать вертикальный разделитель между модулями? - Joomla 2.5: Общие вопросы

есть сайт http://polyana-kurort.in.ua/  - в нем 2 вертикальных меню. не нравиться что нет вертикального разделителя - типа полосочки между ними и между текстом и меню. Не знаю как реализовать. Никогда не сталкивалась еще.  Помогите разобраться где рыть. В стилях - пробовала но не уверена что там где надо.  ! ! !

попробуйте в файле /templates/jsn_nuru_free/css/template.css добавить в разделе

#jsn-leftsidecontent_inner
{
 padding: 0 20px 0 0;
 border-right: 5px solid;
}

Только для последнего надо будет убрать. Используйте псевдокласс :last-child

попробуйте в файле /templates/jsn_nuru_free/css/template.css добавить в разделе

#jsn-leftsidecontent_inner
{
 padding: 0 20px 0 0;
 border-right: 5px solid;
}

спасибо помогло - для первой колонки а вот для второй пока не выходит. но я поколупаю еще)

Только для последнего надо будет убрать. Используйте псевдокласс :last-child

Вы не поняли - разделители - вертикальные - которые разделяют не само меню а между двумя блоками меню.

Так уже есть же разделитель. Поставили?

Так уже есть же разделитель. Поставили?

Да - 1 поставила уже второй на очереди))

для второй колонки в разделе
#jsn-pos-innerleft div.jsn-modulecontainer, #jsn-pos-innerright div.jsn-modulecontainer
{
margin:10px;
padding-right: 15px;
border-right: 5px solid #FF0000;
}

кстати, помойму у вас шапка и слайдшоу куда-то вправо съехавшие))

для второй колонки в разделе
#jsn-pos-innerleft div.jsn-modulecontainer, #jsn-pos-innerright div.jsn-modulecontainer
{
margin:10px;
padding-right: 15px;
border-right: 5px solid #FF0000;
}

кстати, помойму у вас шапка и слайдшоу куда-то вправо съехавшие))

Спасибо еще раз а если вместо полоски поставить картинку типа border-right: url("http://polyana-kurort.in.ua/templates/jsn_nuru_free/images/border.png");  Получиться?
да - слайдшоу уехало. при чем отступов там нет - модуль вроде сидит на месте а слайдшоу в модуле уехало пока не пойму в чем дело.

ну, тогда уж используйте  border-image  (но при этом все пользователи старых браузеров пойдут лесом ))

Можно и картинкой бордер. Опишу в двух словах одно из решений:
1. Делаете контейнер шириной в размер бордера. Т.е., например, один пиксель. И назначаете ему фоновое изображение
2. Помещаете в него вашу колонку, прописываете ей правильную ширину, например 300 пикселей. Теперь фоновый ваш бордер какбэ идёт вначале колонки фоном.
3. Осталось вернуть колонку на место. Это можно сделать с помощью отрицательного отступа или относительного позиционирования.

Ну и сходу решение два: псевдоэлемент :after.

У вас же там фон однородный — повторяющаяся текстура. Позиция блоков всегда одна и та же. Решение три: сделать бэкграунд контейнеру и внутренний отступ в один пиксель справа. А внутреннему блоку присвоить тот же фон, что и у сайта. Смещение позиции текстуры подбираем опытным путём.

ну, тогда уж используйте  border-image  (но при этом все пользователи старых браузеров пойдут лесом ))

В этом случае он не отображается. очень странно.

У вас же там фон однородный — повторяющаяся текстура. Позиция блоков всегда одна и та же. Решение три: сделать бэкграунд контейнеру и внутренний отступ в один пиксель справа. А внутреннему блоку присвоить тот же фон, что и у сайта. Смещение позиции текстуры подбираем опытным путём.

В принципе очень неплохой выход, вот только есть одно "но" - на разных мониторах вполне вероятно что они "уплывут".  С контейнером в таком случае вроде-бы больше подходит, но опыта в этом у меня очень мало - но попытаюсь поколупать)

А вот со слайдшоу  не могу понять чего оно сдвинулось - фаербагом его и так и этак...

Так у вас там фикс же. Я подвигал размером окна браузера — ширина контента не меняется.

Так у вас там фикс же. Я подвигал размером окна браузера — ширина контента не меняется.

Да)) кажется переутомилась)) попробую) спасибо)