понедельник, 02 июня 2014
21:54

Изменение границ блоков

все записи пользователя в сообществе Дикий лесной эльф Лас
Осколками разных миров Острыми и цветными Собирает свое отраженье
Здравствуйте!
В css я не особо разбираюсь, поэтому прошу помощи. Постаралась сама найти ответы, но увы, почти безуспешно.

Цель - оставить внешние границы, убрать белые линии, добавить разделитель между эпиграфом и первой записью, поставить разделители в блоке меню.
читать дальше

Разделитель для записей прописывала следующим кодом


При попытке прописать эту же картинку в последнюю строку, она либо задваивается, либо улетает в самый верх эпиграфа. За счет увеличения padding-bottom: 0px смещается не сам разделитель, а увеличивается блок эпиграфа.
Белые границы удается убрать только переходом с блочного дизайна на табличный, но тогда пропадают и внешние границы.

Подскажите, пожалуйста, как все это можно решить. :)

@темы: рамки и полоски

URL
Комментарии
02.06.2014 в 22:54

Тайя.
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
.bottom {background: url('/userdir/1/5/3/3/1533043/81219860.png') no-repeat; background-position:right; !important; }
Нет такого селектора - bottom, эта строчка бесполезна.

Границы уберите в настройках (не переходом на табличный, а сам цвет границ уберите, по ходу, он у вас задан, а потом пропишите #page-c и #side.
Либо вот так:
.singlePost {padding-bottom: 90px !important; background: url('/userdir/1/5/3/3/1533043/81219860.png') center bottom no-repeat; border: none !important;}
.menuSection {border: none !important;}

По эпиграфу:
#epigraph, #post0 {background: none; padding-bottom: 0px !important;} - вы убираете фон и в эпике, и в пост0 (который сидит внутри эпика). Чтобы после эпиграфа отображался разделитель, нужно чему-то одному ставить запрет, #epigraph {background: none; padding-bottom: 0px !important;} либо #post0 {background: none; padding-bottom: 0px !important;}

Раделители в меню ставите аналогично постам, только применяете к .menuSection.
URL
02.06.2014 в 23:35

Дикий лесной эльф Лас
Осколками разных миров Острыми и цветными Собирает свое отраженье
Тайя, которая душит романтиков, спасибо большое! Все встало и работает :)
URL
02.06.2014 в 23:46

Дикий лесной эльф Лас
Осколками разных миров Острыми и цветными Собирает свое отраженье
Тайя, которая душит романтиков, а не подскажите еще, как поставить аналогичные разделители в комментариях?
URL
02.06.2014 в 23:54

Тайя.
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
~Хэлли~, .singleComment, прямо через запятую можно добавить к коду поста:
.singlePost, .singleComment {padding-bottom: 90px !important; background: url('/userdir/1/5/3/3/1533043/81219860.png') center bottom no-repeat; border: none !important;}
URL
03.06.2014 в 20:25

Дикий лесной эльф Лас
Осколками разных миров Острыми и цветными Собирает свое отраженье
Спасибо!
URL