После загрузки html файлов его битые изображения - PullRequest
Новая
       4

После загрузки html файлов его битые изображения

0 голосов
/ 09 марта 2019

Я сделал html-файл, который работает нормально, но после загрузки его на какой-либо хост бесплатного домена некоторые изображения не загружаются. Это это веб-сайт, а это это то, что должно выглядеть 

<!doctype html>
<html>
<body id="grad1">
<link rel="stylesheet" type="text/css" href="stylenav.css">
<div class="nav" align="right"><font size="4%"><!--NAV BAR-->
    <nav>
            <font size="3%"><a href="main.html" title="Home" class="navb" target="bottom" id="navb1"><b><img src="icons/home.png" height="30%" width="30%" class="invert"></b></a></font>
            <font size="3%"><a href="about.html" class="navb" target="bottom" id="navb2"><b><img src="icons/about.png" height="30%" width="30%" title="About" class="invert"></b></a></font>
            <font size="3%"><a href="gallery.html" class="navb" target="bottom" id="navb3"><b><img src="icons/gallery.png" height="30%" width="30%" title="Gallery" class="invert"></b></a></font>
            <font size="3%"><a href="favorites.html" class="navb" target="bottom" id="navb4"><b><img src="icons/favorites.png" height="30%" width="30%" title="Favorites" class="invert"></b></a></font>
            <font size="3%"><a href="hobbies.html" class="navb" target="bottom" id="navb5"><b><img src="icons/hobbies.svg" height="30%" width="30%" title="Hobbies" class="invert"></b></a></font>
        </font>
    </nav>
        <div align="left" style="margin-top: -5%; color: #eb4979;">
            <img src="images/logo.png" height="40%">
            <font size="10%"><b><span style=" position: absolute; margin-top: 10; text-shadow: 0 0 3px rgba(0, 0, 0, .8)">Dexter Silva</span></b></font>
        </div>
    </div>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 09 марта 2019

Ваши изображения находятся во вложенной папке, добавьте images/ к пути для ссылки на правильную папку: src="images/icons/favorites.png" вместо src="icons/favorites.png"

0 голосов
/ 09 марта 2019

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

<img src="images/logo.png" height="40%">

images / logo.png на вашем сервере.

также icons / Favorites.png должно быть в images / icons / Favorites.png поэтому он не может найти фотографии.

Некоторые серверы чувствительны к регистру, поэтому убедитесь, что ваш html находит их

хорошая работа, кстати, продолжайте пытаться подсказка: ваши кнопки меню открывают новые страницы. Лучше показывать свой контент на одной странице попробуйте что-то вроде https://www.w3schools.com/howto/howto_js_curtain_menu.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...