Jump to content
Sign in to follow this  
elaim

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

Recommended Posts

Posted (edited)

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

Причем бывает по разному, в каких-то материалах картинка отображается по центру, в каких-то смещена влево.
Например, здесь по центру: 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://musicmakers.ru/

Edited by elaim

Share this post


Link to post
Share on other sites

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

vdoquwnk.png

 

два

wnshgidc.png

Share this post


Link to post
Share on other sites
30 минут назад, germanydletest сказал:

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

 

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

 

Скриншоты:

 

Спойлер

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

 

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

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
6 минут назад, Corsaro сказал:

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

Ctrl+F5

  • Like 1

Share this post


Link to post
Share on other sites
37 минут назад, Gameer сказал:

Ctrl+F5

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

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

Share this post


Link to post
Share on other sites
33 минуты назад, elaim сказал:

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

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

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

Share this post


Link to post
Share on other sites
Posted (edited)

Поставил чистый дефолтный шаблон 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

 

Спойлер

0ea352c0a53201683e6455429fcaa0a3.jpg

 

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

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

 

Спойлер

01a40cf35e4cb3c98354b0ba7a66a2b1.jpg

 

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

 

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

 

Спойлер

c973c298a15666cd545587915d12919a.jpg

 

Спойлер

 

Что за... 😔🥺

Edited by elaim

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
3 часа назад, elaim сказал:

Что за...

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

Share this post


Link to post
Share on other sites
19 часов назад, germanydletest сказал:

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

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

Share this post


Link to post
Share on other sites

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

Все ок.

 

1.jpg
2.jpg

Share this post


Link to post
Share on other sites
21 минуту назад, elaim сказал:

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

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

 

Все ок.

 

Chrome:

1.jpg

 

Firefox:

2.jpg

 

IE Edge:

3.jpg

 

Share this post


Link to post
Share on other sites
Posted (edited)
18 часов назад, rSteLlMi сказал:

Все ок.

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

 

2bfd468d7327ccec42aaef49e411a67e.jpg

Edited by elaim

Share this post


Link to post
Share on other sites
26 минут назад, elaim сказал:

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

 

 

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

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

 

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

Share this post


Link to post
Share on other sites
Posted (edited)

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

 

e8774193de320198d90b27bd1ae5bba8.jpg

 

 

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

 

6a82cf2384f931200d38e7aec56b1679.jpg

 

 

Edited by elaim

Share this post


Link to post
Share on other sites
1 час назад, rSteLlMi сказал:

 

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

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

 

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

 

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

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

 

Share this post


Link to post
Share on other sites
Posted (edited)

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

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

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

Edited by redissx
  • Upvote 1

Share this post


Link to post
Share on other sites
21 минуту назад, redissx сказал:

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

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

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

Share this post


Link to post
Share on other sites
1 час назад, elaim сказал:

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

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

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

 

.news {clear: both;}

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

  • Thanks 1

Share this post


Link to post
Share on other sites
Posted (edited)

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

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

Edited by elaim

Share this post


Link to post
Share on other sites
1 час назад, elaim сказал:

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

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

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

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

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...