В теме одно сообщение

[magazin]

Здравствуйте! Прошу Вас мне помочь, пожалуйста.

ВНИМАНИЕ! ВНЁС ИЗМЕНЕНИЯ! ИЗМЕНЕНИЯ В КОНЦЕ ДАННОЙ ПУБЛИКАЦИИ!

Подскажите, пожалуйста, с чем может быть связана проблема, что в различных браузерах информация подвала сайта отображается неправильно.
Я вставил в HTML коды логотипов платёжных систем, а также в подвале сайта есть коды по умолчанию для социальных сетей + я добавил ещё другие социальные сети. И вот что получается:
Firefox:






Как видно из фото, вообще не верно отображаются логотипы (огромный размер) и последняя иконка (Skype).

Вот так отображается подвал сайта в браузере Coogle Chrome:


Здесь опять с логотипами систем всё в порядке, НО отсутствуют иконки социальных сетей...

Opera:


Здесь всё как надо!

Microsoft Edge:


Проблема с иконкой Скайпа.

Вот коды, которые я вставлял:

<img src="https://design.mrtwister43.ru/MasterCard.png">
<img src="https://design.mrtwister43.ru/Maestro.png">
<img src="https://design.mrtwister43.ru/Visa6.png">
<img src="https://design.mrtwister43.ru/Mir.png">
<img src="https://design.mrtwister43.ru/3.png">

И коды социальных сетей:

<li><a class="vk fa fa-vk" href="https://vk.com/mr.twister" title="VK.com" target="_blank"><span>vk</span></a></li>
			 <li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a></li>
			 <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li>
			 <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/mr.twister.man" title="FaceBook.com" target="_blank"><span>facebook</span></a></li>
			 <li><a class="instagram fa fa-instagram" href="https://instagram.com/mr.twister_man" title="Instagram.com" target="_blank"><span>instagram</span></a></li>
			 <li><a class="mail" href="https://my.mail.ru"</a><img src="https://i.ibb.co/pnzmK6R/814.png" alt="" /></a></li>
			 <li><a class="viber" href="viber://chat?number=79513551397"><img src="https://pop.mother-home.ru/upload/medialibrary/ee7/ee7e281565fd1fb3f060e47f356eafe5.png" alt="" /></a></li>
			 <li><a class="whatsapp" href="https://api.whatsapp.com/send?phone=79513551397"><img src="https://static.wixstatic.com/media/ec6f49_7cf3f7d95e4f463385b5e31684115c99~mv2.png" alt="" /></a></li>
			 <li><a class="skype" href="skype:v975328?chat"</a><img src="https://cdn.icon-icons.com/icons2/901/PNG/512/skype_icon-icons.com_69256.png" alt="" /></a></li>

Подскажите, пожалуйста, как исправить эти ошибки, связанные с логотипами платёжных систем и иконками социальных сетей? Заранее огромное спасибо!

ВНИМАНИЕ! ВНЁС ИЗМЕНЕНИЯ!

Я решил удалить отдельные файлы с логотипами платёжных система и заменить их файлом формата .svg. Теперь у меня в Firefox нет таких размеров, но проблема с социальными сетями остаётся без изменений. Помогите, пожалуйста... Как эту ошибку исправить? И да, еще не совсем корректно, опять—таки в Firefox, работает окно онлайн-консупьтанта, точнее не
само окно, а окно для вызова консультанта. Отсутствует надпись. Смотрите скриншот:

Так отображается в Firefox:


Правильное отображение:


Не пойму никак в чём дело...

Сообщение отредактировал magazin: 15 Февраль 2019 - 00:38

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:

.Firefox img {width: 100%;}

На счет иконок, нежелательно в магазине использовать ссылки ведущие на сторонние сайты, скачайте и загрузите иконки в раздел Сайт - Редактор шаблонов и обновите ссылки на иконки в шаблоне HTML.