ВНИМАНИЕ! ВНЁС ИЗМЕНЕНИЯ! ИЗМЕНЕНИЯ В КОНЦЕ ДАННОЙ ПУБЛИКАЦИИ!
Подскажите, пожалуйста, с чем может быть связана проблема, что в различных браузерах информация подвала сайта отображается неправильно.
Я вставил в 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