Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Проблемы с форумом » Съезжающий форум

Съезжающий форум

Страница: 1

Сообщений 1 страница 15 из 15

1

  • Автор: Хироши
  • Заслуженный
  • Зарегистрирован: Ср, 23 Май 2018
  • Сообщений: 43
  • Уважение: +5
  • Позитив: +7
  • Последний визит:
    Вт, 23 Янв 2024 16:47:21

Здравствуйте. Подскажите, пожалуйста, как сделать так, чтобы на мобильном не съезжал в сторону форум, а оставался в центре экрана? Также не работает скрипт всплывающего фона в форме ответа.

Вот ссылка: http://mightmagic.mybb.ru

Мой скрипт:
/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: outset 2px #cabcb2!important;
border-radius: 10px;
background: rgba(181,148,100,0.89); /*Можно добавить фон картинкой url(Ccылка на картинку)*/
padding: 9px;
font: normal normal 400 11px/normal Verdana;
}

Фот скрины как форум выглядит на телефоне:

Картинки в большом формате

https://i.imgur.com/tmt0uxY.jpg
https://i.imgur.com/bLmVCek.jpg

Отредактировано Хироши (Сб, 28 Дек 2019 22:04:27)

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11571
  • Последний визит:
    Сегодня 15:16:21

Хироши
Может просто отключить мобильный стиль в Администрировании-Настройки ?
Ибо там дофига чего ещё съезжает...

+2

3

  • Автор: Хироши
  • Заслуженный
  • Зарегистрирован: Ср, 23 Май 2018
  • Сообщений: 43
  • Уважение: +5
  • Позитив: +7
  • Последний визит:
    Вт, 23 Янв 2024 16:47:21
Deff написал(а):

Хироши
Может просто отключить мобильный стиль в Администрировании-Настройки ?
Ибо там дофига чего ещё съезжает...

Всё встало на места, но центр форума всё ещё едет к левому краю. Можете помочь?

0

4

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41

Хироши, так не разрезается картинка:

Три картинки:

http://forumupload.ru/uploads/001a/6d/1a/2/69786.png
http://forumstatic.ru/files/001a/6d/1a/21424.png
http://forumstatic.ru/files/001a/6d/1a/94883.png

Вы так только маргинов понаделали, а нормально так не отцентрировать.. Картинки должны быть одинаковых размеров, без пустых областей (как вторая картинка), желательно обрезана по рамку, с четным количеством пикселей по ширине.. А так у вас все три картинки с разными размерами..

0

5

  • Автор: Хироши
  • Заслуженный
  • Зарегистрирован: Ср, 23 Май 2018
  • Сообщений: 43
  • Уважение: +5
  • Позитив: +7
  • Последний визит:
    Вт, 23 Янв 2024 16:47:21

kolobdur74
Я делала одинаковые по размеру, но они просто разъезжаются в стороны и всё, хотя проставлены одинаковые размеры в стиле, идентичные отступы.

+ проблема в том, что с мобильного форум не по центру, а с левой стороны.

0

6

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11571
  • Последний визит:
    Сегодня 15:16:21
Хироши написал(а):

Всё встало на места, но центр форума всё ещё едет к левому краю. Можете помочь?

Сделайте скриншот, ибо с компа плохо представляю ( укажите стрелкой на съезжающий элемент...

2-е На мобильных типичны проблемы при ширине форума более 700-950 пиксел

0

7

  • Автор: Хироши
  • Заслуженный
  • Зарегистрирован: Ср, 23 Май 2018
  • Сообщений: 43
  • Уважение: +5
  • Позитив: +7
  • Последний визит:
    Вт, 23 Янв 2024 16:47:21

Deff
https://i.imgur.com/3WDN3n0.png

0

8

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11571
  • Последний визит:
    Сегодня 15:16:21

Хироши
Пробуйте добавить в стиль красным:

/* A3.1 */
body {
  min-width: 1340px;
  font-size: 100.01%;
  text-align: center;
  }

0

9

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41
Хироши написал(а):

Я делала одинаковые по размеру, но они просто разъезжаются в стороны и всё, хотя проставлены одинаковые размеры в стиле, идентичные отступы.

У первой ширина 1342px, у второй 1158px, у третьей 1342px.. Обратите внимание на вторую картинку:
https://i.imgur.com/NGahqsb.png
Берется цельная картинка режется по ширине рамки обязательно должна быть чётная ширина, потом ставится на #pun все три, через background (Несколько фоновых картинок).. Режется одинаково по ширине, без пустых мест - любое пустое (прозрачное) место входит тоже в ширину картинки..
Задается ширина по ширине картинки у #pun или .punbb и выставляется центрирование через margin: 0 auto; или margin: auto; И больше нигде не надо двигать и выставлять ширину, разве что вы хотите ужать .punbb.. Ширина не должна быть нечётной - один пиксель не делиться.. Для центрирования Гостевая, Персонажи выставить для #pun-announcement .container: text-align: center;

Отредактировано kolobdur74 (Вс, 29 Дек 2019 00:37:45)

+1

10

  • Автор: Хироши
  • Заслуженный
  • Зарегистрирован: Ср, 23 Май 2018
  • Сообщений: 43
  • Уважение: +5
  • Позитив: +7
  • Последний визит:
    Вт, 23 Янв 2024 16:47:21

kolobdur74
Я поняла, почему ранее не удавалось выровнять, когда были одинаковые png. Нашла пару ошибок с отступами в css, которые мешали всё выровнять. Вы правы, всё встало на места. Благодарю за наводку.

Deff
Всё получилось, заработало как нужно.

Спасибо за помощь! С наступающим :)

Отредактировано Хироши (Вс, 29 Дек 2019 02:58:30)

+2

11

  • Автор: Хироши
  • Заслуженный
  • Зарегистрирован: Ср, 23 Май 2018
  • Сообщений: 43
  • Уважение: +5
  • Позитив: +7
  • Последний визит:
    Вт, 23 Янв 2024 16:47:21

Подскажите ещё, пожалуйста. Возникла проблема новая. В активных появилась вот такая полоса (в спойлере ниже картинка). Не понимаю, откуда оно.

http://mightmagic.mybb.ru

Картинка

https://i.imgur.com/GvwJi8e.png

0

12

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5808
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Вс, 14 Апр 2024 13:30:41
Хироши написал(а):

Подскажите ещё, пожалуйста. Возникла проблема новая. В активных появилась вот такая полоса (в спойлере ниже картинка). Не понимаю, откуда оно.

А что не так?

0

13

  • Автор: Drs36
  • Заблокирован
  • Зарегистрирован: Ср, 9 Янв 2019
  • Сообщений: 228
  • Уважение: +100
  • Позитив: +134
  • Пол: Мужской
  • Предупреждения: (3) Сообщения не по теме или не несущие смысловой нагрузки
  • Последний визит:
    Сб, 18 Янв 2020 00:07:08
Хироши написал(а):

Подскажите ещё, пожалуйста. Возникла проблема новая. В активных появилась вот такая полоса (в спойлере ниже картинка). Не понимаю, откуда оно.

http://mightmagic.mybb.ru

Картинка

https://i.imgur.com/GvwJi8e.png

Поясните вашу проблему подробнее?

Отредактировано Drs36 (Пн, 30 Дек 2019 00:05:32)

0

14

  • Автор: Хироши
  • Заслуженный
  • Зарегистрирован: Ср, 23 Май 2018
  • Сообщений: 43
  • Уважение: +5
  • Позитив: +7
  • Последний визит:
    Вт, 23 Янв 2024 16:47:21

Не та картинка загрузилась.

https://i.imgur.com/bdFTo5k.png

0

15

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11571
  • Последний визит:
    Сегодня 15:16:21

Хироши

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  /* border-top-style: solid; */
  /* border-top-width: 1px; */
  padding: 0.7em 0 0 0;
  border-top: 3px double rgba(107, 66, 27, 0.149) !important;
}

+2

Страница: 1

Вы здесь » Единый форум поддержки » Проблемы с форумом » Съезжающий форум