Перейти к публикации

Рекомендованные сообщения

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

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

Изменено пользователем elaim
Ссылка на сообщение
Поделиться на других сайтах
30 минут назад, germanydletest сказал:

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

 

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

 

Скриншоты:

 

Спойлер

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

 

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

 

Ссылка на сообщение
Поделиться на других сайтах
37 минут назад, Gameer сказал:

Ctrl+F5

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

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

Ссылка на сообщение
Поделиться на других сайтах
33 минуты назад, elaim сказал:

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

 

Спойлер

 

Что за... 😔🥺

Изменено пользователем elaim
Ссылка на сообщение
Поделиться на других сайтах
3 часа назад, elaim сказал:

Что за...

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

Ссылка на сообщение
Поделиться на других сайтах
19 часов назад, germanydletest сказал:

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах
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

 

Ссылка на сообщение
Поделиться на других сайтах
18 часов назад, rSteLlMi сказал:

Все ок.

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

 

2bfd468d7327ccec42aaef49e411a67e.jpg

Изменено пользователем elaim
Ссылка на сообщение
Поделиться на других сайтах
26 минут назад, elaim сказал:

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

 

 

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

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

 

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

Ссылка на сообщение
Поделиться на других сайтах

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

 

 

Изменено пользователем elaim
Ссылка на сообщение
Поделиться на других сайтах
1 час назад, rSteLlMi сказал:

 

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

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

 

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

 

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

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

 

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

Изменено пользователем redissx
Ссылка на сообщение
Поделиться на других сайтах
21 минуту назад, redissx сказал:

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

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

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

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, elaim сказал:

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

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

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

 

.news {clear: both;}

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Изменено пользователем elaim
Ссылка на сообщение
Поделиться на других сайтах
1 час назад, elaim сказал:

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...