20:03

пизденящий душу леденец...
Здравствуйте!
Подскажите:
1. Как сделать, чтобы штриховая линия (dashed) разделяющая посты была при этом еще и вдавленная (groove)?
Никак не удается уместить эти значения в одном коде?

2. Как сделать, чтобы в эпиграфе она не отображалась?

3. Что изменить, чтобы при нажатии на "поделиться" значки не уезжали под полоску разделителя?
Заранее спасибо))

Комментарии
27.11.2013 в 02:37

horrorterror
1. Как сделать, чтобы штриховая линия (dashed) разделяющая посты была при этом еще и вдавленная (groove)?
Лан Мао, бордер у элемента только один - по одному на каждую сторону соответственно. Подбирайте стиль и ширину.
2. Как сделать, чтобы в эпиграфе она не отображалась?

Что изменить, чтобы при нажатии на "поделиться" значки не уезжали под полоску разделителя?
.postLinksBackg { top: 35px; left: 90px; width:780px !important; height: 20px; overflow: hidden !important; line-height: 20px; border-top: 1px dashed #8d0704; padding: 5px 0 5px 0 !important; }
.postLinksBackg { top: 35px; left: 90px; width: 780px !important; height: 20px; overflow: hidden !important; line-height: 20px; border-bottom: 1px dashed #8d0704; padding: 5px 0 5px 0 !important; margin: 10px 0px 0px 0px;}
Уберите выделенное из кода. Ибо свойство overflow: hidden скрывает все, что выходит за границы объекта. Собственно, поэтому иконки у вас и уезжают.
И кстати, зачем вам два одинаковых стиля на один и тот же селектор? Уберите один. Бордер для каждой стороны можно свободно прописать в одном селекторе.
Например, так.

27.11.2013 в 10:56

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
1. Можно попробовать с помощью тени получить эффект вдавленности, правда будет только одна полоска .postLinksBackg {top: 35px; left: 90px; width:780px !important; height: 20px; overflow: hidden !important; line-height: 20px; border-top: 1px dashed #8d0704; padding: 5px 0 5px 0 !important; -webkit-box-shadow: 1px 1px 1px #fff; box-shadow: 0px 1px 1px #fff;} Можно попробовать поиграться цветами и тенями.
27.11.2013 в 13:45

пизденящий душу леденец...
edwinowl, Тайя, которая душит романтиков, спасибо за помощь! :red:
может вы еще подскажите как тогда было сделано такое штриховое разделение?

27.11.2013 в 17:10

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Лан Мао, может это рисунок?
27.11.2013 в 17:12

пизденящий душу леденец...
Тайя, которая душит романтиков, хмм, а если рисунок, то его можно встроить кодом как обычный рисунок-разделитель?
27.11.2013 в 17:16

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Лан Мао, конечно)
27.11.2013 в 17:19

пизденящий душу леденец...
Тайя, которая душит романтиков, спасибо, тогда сделаю так))
27.11.2013 в 20:31

horrorterror
Лан Мао, это рисунок, нарисованный в фотошопе. Ибо настройка box-shadow не позволяет оттенять, как бордер в стиле dashed/dotted, она идет исключительно сплошняком в стиле solid.
27.11.2013 в 20:38

пизденящий душу леденец...
edwinowl, тогда сделаю как рисунок. Спасибо за подсказки с кодами)