Warum kann ich nicht einfach kopieren und auf jede Seite einfügen, um Nav-Bar + Logo zu haben?

Question

Warum kann ich das nicht in ein beliebiges HTML-Dokument einfügen und es nur in den Ressourcen-Tabs ausführen lassen? Das Logo wird nur auf der Ressourcenseite angezeigt, obwohl es sich um dasselbe CSS-Stylesheet handelt, auf das verwiesen wird, und um dasselbe HTML, das kopiert wurde.

<div class="navigate"> 
    <ul> 
     <li><img class="logo" src="logo2.png"></li> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="news2.html">News</a></li> 
     <li class="dropdown"> 
      <a href="resources2.html" class="dropbtn">Resources</a> 
      <div class="dropdown-content"> 
       <a href="#">MINING</a> 
       <a href="#">CURRENCY</a> 
       <a href="#">TRADING</a> 
       <a href="#">LINKS</a> 
      </div> 
     </li> 
    <ul>  
     <li class="dropdown"> 
      <a href="search2.html" class="dropbtn">Equipment</a> 
      <div class="dropdown-content"> 
       <a href="#">GPU</a>   
       <a href="#">ASIC</a> 
       <a href="#">MOTHERBOARD</a> 
       <a href="#">ACCESORIES</a> 
      </div> 
     </li> 
    </ul> 
</div> 

Answer 1

Da Sie relative Pfade für die src für das img Logo verwenden, ist es wahrscheinlich, dass Ihre Dateistruktur das Problem.

Ihre .html-Dateien müssen im selben Verzeichnis wie die logo2.png sein, um für sie das Bild finden