Баг при добавлении картинки

[elaim 1]

Здравствуйте. Наблюдается такой баг: картинка смещается влево если перейти на страницу с материалом. На главной странице все нормально, она стоит по центру.

Причем бывает по разному, в каких-то материалах картинка отображается по центру, в каких-то смещена влево.
Например, здесь по центру: https://musicmakers.ru/1460-unfiltered-audio-g8-dynamic-gate-131-vst-vst3-aax-x86-x64-dinamicheskij-processor.html
Здесь смещена влево: https://musicmakers.ru/1457-unfiltered-audio-fault-11-vst-vst3-aax-x86-x64-pitch-shifter.html
Шаблон использую стандартный - Green

 

Параметры добавления картинки: Дополнительное поле.
Название поля: kartinka
Тип поля: "Загружаемое изображение"

• Минимальные размеры изображения для загрузки: 500x200
• Максимальные размеры оригинального изображения: 500
• Создать уменьшенную копию: НЕТ
• Размеры уменьшенной копии: 500

Картинка в шаблонах fullstory.tpl и shortstory.tpl выводится кодом:

 

<!-- Картинка -->
<br /><div class="news" align="center">[xfgiven_kartinka] [xfvalue_kartinka] [/xfgiven_kartinka]</div>
<!-- / Картинка -->

В шаблоне /css/styles.css прописаны стили для картинки:

 

/* Адаптация картинок созданных с помощью дополнительного поля для мобильных устройств*/
.news img{
    max-width:100% !important;
    height:auto;
    display:block;
}

Скриншоты:

Спойлер

https://fastpic.ru/view/111/2020/0504/_0bb01a74b8030925d8012316a0e33789.jpg.html

https://fastpic.ru/view/111/2020/0504/_923bc7feb009dd5d63ec4ff49ce7952f.jpg.html

 

 

 

 

Сайт: https://musicmakers.ru/

Изменено 4 мая 2020 пользователем elaim

[germanydletest 457]

Бага никакого нет, в обеих статьях картинки находятся ровно по центру блока с текстом

 

два

[elaim 1]

30 минут назад, germanydletest сказал:

Бага никакого нет, в обеих статьях картинки находятся ровно по центру блока с текстом

 

А вы в каком браузере смотрели?

У меня в хроме и в мозиле картинка смещена влево.

https://musicmakers.ru/1457-unfiltered-audio-fault-11-vst-vst3-aax-x86-x64-pitch-shifter.html

[elaim 1]

В общем такая ерунда происходит:

Если нахожусь на сайте как гость - картинка по центру

Если захожу на сайт под своим логином и паролем, картинка смещается влево 😧

 

Скриншоты:

 

Спойлер

На сайте как гость: https://i111.fastpic.ru/big/2020/0504/b9/c80f8f541a422f6e8f88e610c0845fb9.jpg

 

На сайте под своим логином и паролем: https://i111.fastpic.ru/big/2020/0504/27/5ce5d0d487c536287fa04048f1ec7627.jpg

 

[Corsaro 0]

попробуй нажми шифт F5 обновиться страница, и сбросить кэш 

[Gameer 311]

6 минут назад, Corsaro сказал:

попробуй нажми шифт F5 обновиться страница, и сбросить кэш 

Ctrl+F5

[elaim 1]

37 минут назад, Gameer сказал:

Ctrl+F5

Все это я делал, даже полностью удалял историю браузера и чистил кеш.

Походу это баг, и что с ним делать? ☹️

[Corsaro 0]

33 минуты назад, elaim сказал:

Все это я делал, даже полностью удалял историю браузера и чистил кеш.

Походу это баг, и что с ним делать? ☹️

попробуй другой шаблон поставить

[elaim 1]

Поставил чистый дефолтный шаблон Green. Ничего в нем не менял, не добавлял. Поставил только код вывода картинок в шаблоны fullstory.tpl и shortstory.tpl

 

<!-- Картинка -->
<div class="news" align="center">[xfgiven_kartinka] [xfvalue_kartinka] [/xfgiven_kartinka]</div><br />
<!-- / Картинка -->

В результате похожая картина. Где-то картинки стали по центру. В некоторых новостях смещены влево:

https://musicmakers.ru/vst/1555-waves-mercury-complete-v8011-8011-nabor-plaginov.html

 

Спойлер

 

Что интересно, если код вывода картинки поставить после текста, т.е. после {full-story}

то картинка отображается по центру

 

Спойлер

 

Если код вывода картинки поставить как положено, перед текстом, т.е. перед {full-story}, то опять картинка будет отображаться чуть левее.

 

Если разлогиниться и войти на сайт, как гость, картинка станет отображаться как положено - по центру. 🤒

 

Спойлер

 

Спойлер

Видео: https://radikal.ru/video/aoAKLEobuNq

 

Что за... 😔🥺

Изменено 4 мая 2020 пользователем elaim

[Corsaro 0]

ммм может баг в шаблоне, поставь левый шаблон 

[germanydletest 457]

3 часа назад, elaim сказал:

Что за...

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

[elaim 1]

19 часов назад, germanydletest сказал:

когда Вы логинитесь, у Вас справа появляется кнопка для добавления новости в закладки и меню для редактирования новостей

Да, кнопки появляются, это понятно. Но тогда все картинки должны смещаться влево. Тут же - какие-то смещаются, какие-то нет. Картинки живут своей особой жизнью. И что тут править в CSS непонятно из-за этого.

[ru.slanov 20]

Проверил на Google Chrome в режиме гостя / пользователя. 

Все ок.

 

[elaim 1]

rSteLlMi, проверьте пожалуйста эту ссылку в режиме пользователя, у меня в хроме смещено:

https://musicmakers.ru/1457-unfiltered-audio-fault-11-vst-vst3-aax-x86-x64-pitch-shifter.html

[ru.slanov 20]

21 минуту назад, elaim сказал:

rSteLlMi, проверьте пожалуйста эту ссылку в режиме пользователя, у меня в хроме смещено:

https://musicmakers.ru/1457-unfiltered-audio-fault-11-vst-vst3-aax-x86-x64-pitch-shifter.html

 

Все ок.

 

Chrome:

 

Firefox:

 

IE Edge:

 

[elaim 1]

18 часов назад, rSteLlMi сказал:

Все ок.

Спасибо большое! И даже на миллиметр не сдвинута влево? Ну тогда я не знаю что и думать. Я уже предположил, что у меня все браузеры на компе заглючили. Но нет, посмотрел на смартфоне. Там тоже смещена чуть влево. 😵

 

Изменено 7 мая 2020 пользователем elaim

[ru.slanov 20]

26 минут назад, elaim сказал:

Спасибо большое! И даже на миллиметр не сдвинута влево? Ну тогда я не знаю что и думать. Я уже предположил, что у меня все браузеры на компе заглючили. Но нет, посмотрел на смартфоне. Там тоже смещена чуть влево. 😵

 

 

Проверил на телефоне и планшете. Все ок.

Проблема не в шаблоне DLE точно.

 

Проверьте разрешение экрана или установленные плагины в браузере.

[redissx 251]

[elaim 1]

redissx, у меня картинки по разному отображаются, где чуть левее, где по центру.
Например, здесь по центру: https://musicmakers.ru/1460-unfiltered-audio-g8-dynamic-gate-131-vst-vst3-aax-x86-x64-dinamicheskij-processor.html

 

 

 

Здесь смещена влево: https://musicmakers.ru/1457-unfiltered-audio-fault-11-vst-vst3-aax-x86-x64-pitch-shifter.html

 

 

 

Изменено 7 мая 2020 пользователем elaim

[elaim 1]

1 час назад, rSteLlMi сказал:

 

Проверил на телефоне и планшете. Все ок.

Проблема не в шаблоне DLE точно.

 

Проверьте разрешение экрана или установленные плагины в браузере.

 

rSteLlMi, проверил в 7 разных браузерах. Три из них полностью чистые, только что установил. Везде ода и та же картина, картинки где хотят, там и становятся:

Видео: https://radikal.ru/video/g9A2botbI7Q

 

[redissx 251]

Где не смещается 2 строки заголовка. Где смещается - одна строка. Вообще это  все гадание, надо смотреть инспектор браузера.

Никакого бага тут нет, конечно. Просто так сделано, так css написан. Браузеры не при чем.

Да, похоже так и есть. 1 строка - область кнопок "касается" области картинок и смещение. 2 строки - заголовок картинку смещает ниже и область кнопок не касается.

Изменено 7 мая 2020 пользователем redissx

[elaim 1]

21 минуту назад, redissx сказал:

Да, похоже так и есть. 1 строка - область кнопок "касается" области картинок и смещение. 2 строки - заголовок картинку смещает ниже и область кнопок не касается.

Вот это вы наблюдательный! Действительно, в тех новостях, где заголовок в одну строку - смещается картинка. Где две и более строки - картинка по центру.

Теперь вопрос, как это исправить? 😏

[redissx 251]

1 час назад, elaim сказал:

Вот это вы наблюдательный! Действительно, в тех новостях, где заголовок в одну строку - смещается картинка. Где две и более строки - картинка по центру.

Теперь вопрос, как это исправить? 😏

Я не могу посмотреть эти кнопки, могу лишь предположить, что они сделаны через float и самое простое это добавить в конец https://musicmakers.ru/templates/Green_NEW/css/styles.css

 

.news {clear: both;}

и очистить кеш в браузере

[elaim 1]

redissx, ай спасибо, ваша рекомендация сработала! Я очень рад 😆

Как мне вас отблагодарить? Почему-то не отправляется вам личное сообщение. Пишет, что вы не можете принимать лс.

Изменено 7 мая 2020 пользователем elaim

[redissx 251]

1 час назад, elaim сказал:

redissx, ай спасибо, ваша рекомендация сработала! Я очень рад 😆

Как мне вас отблагодарить? Почему-то не отправляется вам личное сообщение. Пишет, что вы не можете принимать лс.

Никак, спасибо. Просто спасибо достаточно.

ЛС я специально отключил.