Question

Добрый день.

Кнопки соц.сетей на сайте у меня располагаются после $MESSAGE$. На тех страницах, на которых есть видео, они отображаются корректно (пример). Но если на странице видео убрать и вставить картинку, кнопки почему-то уходят вверх, как тут

Подскажите, что мне нужно сделать, чтобы кнопкпи не уползали вверх сами по себе?

Answer 1

Удалите все <br> и в css добавьте

img + .share42init {
  clear: both;
  padding-top: 10px
}

Comments

Не помогает почему-то. Добавила ваш код в КСС, но ничего не изменилось.

---

У вас два тега <br> между фото и кнопками. Их тоже нужно удалить.

Или второй вариант - добавить класс для изображения, к примеру:

<img src="/transljacija-udalena-po-prosbe-pravoobladatelja.jpg" alt="Трансляция канала удалена" class="placeholder">

Тогда css будет иметь вид:

.placeholder ~ .share42init {
    clear: both;
    padding-top: 10px
}

Answer 2

В стили добавьте:

.share42init {display: table!important;margin: 0 auto!important;clear: both;}

Comments

Кнопки тогда по центру становятся, а мне нужно, чтобы они были у левого края.  И кнопки почему-то прилепленны становятся к картинке, без отступа, даже если в материале сделать 10 <br>, все равно вниз не опускаются

---

Катя,

Как я вижу вы уже решили проблему, все отображается корректно.

---

Посколько ответа не было, вставила <br> штук 20. Как решить проблему иначе, не делая кучу отступов - я не знаю?