Я добавил изображение, которое по какой-то причине добавляет полосу прокрутки. У меня также есть проблема с текстовым элементом

Question

Проблема 1/2: я добавил изображение, которое переключается между некоторыми другими изображениями, и добавил полосу прокрутки вправо, хотя справа от страницы нет содержимого. Я не могу избавиться от полосы прокрутки. См. Изображения 1 и 2.

Проблема 2/2: текст не остается в центре изображения, когда я уменьшаю размер браузера. См. Изображение 3.

Код: я хотел вставить код сюда, но он постоянно выдавал ошибки, чтобы вы могли просматривать страницу по адресу www.mh-rp.com и видеть соответствующий код восновные теги и .centered в части css.

Изображения: ` 1 2 3

Answer 1

Попробуйте добавить этот код в ваш CSS-файл

body{
  overflow-x: hidden;
}

Вот решение вашей второй проблемы

 .image_container{
   position:relative;
 }

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