So, basically I need the logo to be the ‘shortcut icon’, here is a example of one:
But for some odd reason, on my project called ‘Syntaxx’, it won’t work. It looks like this:
In the code it has this so i don’t understand why it won’t work:
<link rel="shortcut icon" href="images/logo.png" type="image/png" />
Link to project: Syntaxx - HTML, CSS, JS Repl - Replit
All Index.html Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Syntaxx</title>
<link rel="shortcut icon" href="images/logo.png" type="image/png" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
<script src="js/FileSaver.js"></script>
</head>
<body>
<div id="topbar">
<img src="images/logo.png" height="35px" style="margin: 0; padding: 0; user-select: none;" />
<h1 style="
font-family: sans-serif;
margin: 0;
padding: 0;
font-size: 15px;
user-select: none;
">
Syntaxx
</h1>
<button id="download" class="topButton" onclick="download()">
Download
</button>
<!--<button id="openfile" class="topButton" onclick="openopenfile()">
Open File
</button> -->
<input id="name" placeholder="File Name:" />
</div>
<div id="editor">
<textarea id="editor2"></textarea>
</div>
<div id="opengui">
<input type="file" id="fileData" style="
color: white;
font-family: 'Source Code Pro', monospace;
position: fixed;
top: 50%;
left: 60%;
transform: translate(-50%, -50%);
font-size: 22px;
" onchange="changefilea()" />
<button id="closeopenfile" onclick="closeopenfile()">
x
</button>
</div>
<script src='script.js'></script>
</body>
</html>
Javascript and CSS are fine.
Please help, Thanks -
Dax