[~Фиалковый демон~]

Вопрос решен

Добрый день
Первый раз подключил CSS, потихоньку разбираюсь что к чему. Правда дело усложняется битыми ссылками, приходиться ползать по инету. Один вопрос я пока решить так и не смог.
Хочу сделать, чтобы по краям темы были маленькие картинки, а сама тема по середине.
Тему по центру я сделал. Одну картинку тоже поставил, но при попытке поставить вторую - первая исчезает. Понятно, что я делаю что-то не верно, но разобраться не могу.

В идеале конечно хочу, чтобы картинки были по бокам от темы. Но здесь я совсем не знаю, как это сделать

Если кто отзовется на мою проблему, буду безмерно благодарен
Огромная благодарность  Min Young-nim!

@темы: отступы, основные блоки

Comments

[Min Young-nim]

.postTitle {
  text-align: center;
}

.postTitle span,
.postTitle h2 {
  position: relative;
}

.postTitle span {
  padding-left: 40px; /*добавляет пространство слева*/
}

.postTitle h2 {
  padding-right: 40px; /*добавляет пространство справа*/
}

/*картинка слева*/
.postTitle span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: salmon;  
}

/*картинка справа*/
.postTitle h2:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: salmon;  
}

Вместо background: salmon; пропишите нужную фоновую картинку. Паддинги и ширину/высоту блоков измените под свои нужды.

[~Фиалковый демон~]

Min Young-nim,спасибо, все получилось!
Правда теперь оно появилось и в эпиграфе ((( Может можно как-то убрать оттуда?

[Min Young-nim]

Поскольку заголовок в эпиграфе всё равно всегда пустой, можно просто скрыть его:

#epigraph .postTitle { display: none; }

[~Фиалковый демон~]

Min Young-nim, ооо, спасибо огромное!
Кстати, может вы мне еще подскажите, как можно поставить картинку в самый низ? Как ставить картинки между блоками в меню я разобрался, а вот тут все никак не могу сообразить

[Min Young-nim]

~Фиалковый демон~, это самый низ меню?

#side {
  position: relative;
  padding-bottom: 30px;
}

#side:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: salmon;
}

Опять же padding, width/height, а также left измените под свои нужды (:

[~Фиалковый демон~]

Min Young-nim, еще раз спасибо огромное! Все отлично встало!

[Min Young-nim]

~Фиалковый демон~, пожалуйста (: