0

How can I go about making sure my images work? The images are not hosted and the website is not published yet, this is all just locally on my PC.

<nav>
      <ul>
        <li class="logo"><img src="Logo.png"</li>
        <li class="items"><a href="#">Home</a></li>
        <li class="items"><a href="#">About</a></li>
        <li class="items"><a href="#">Active Chapter</a></li>
        <li class="items"><a href="#">Philanthropy</a></li>
        <li class="items"><a href="#">Events</a></li>
        <li class="items"><a href="#">Contact</a></li>
        <li class="items"><a href="#">Brothers Only</a></li>
        <li class="btn"><a href="#"><i class="fas fa-bars"></i></a></li>
      </ul>
    </nav>
  • Is your image in the same folder as your HTML file? If it's not, you need to specify it's path, like if it is inside the images folder of your project. – flpfar May 20 '20 at 15:37
  • If your pc is linux, make sure that the file name it points to is _exactly_ as it is: Unix file/directory names are case sensitive. In your case, if your file is named "logo.png", it would not be found. – Eric Wu May 20 '20 at 15:58

2 Answers2

2

in this line 

> <li class="logo"><img src="Logo.png"</li>

there is a mistake img tag is not closed .. it should closed like that second thing is in your case image should be in the same folder where your file is and name should be 100% same "case sensitive" Logo.png is not equal to logo.png , keep that in mind . image type should be same "png" "jpg" . and in the last line of html you are using font-awesome class

> <i class="fas fa-bars"></i>

to use this class you must have to add font-awesome cdn to use it

samair ali
  • 772
  • 1
  • 5
  • 15
0

Based on your snippet here Logo.png would have to be in the same folder as the HTML file. Here is another post that explains how to point to your files properly.

Joshua Rogers
  • 1