Salve,
visionando il codice della home, vedo che la struttura della pagina presenta degli errori.
In particolare, prima di
Codice HTML:
<!DOCTYPE html>
<html lang="en">
<head>
vedo questo blocco di codice.
Codice HTML:
<header>
<div class="header-content">
<!-- Logo -->
<div class="logo-container">
<a href="/index.php">
<img src="/images/RBB-LOGO-1024.png" alt="Logo" class="logo">
</a>
</div>
<!-- Navigation -->
<nav>
<!-- Mobile Hamburger Button -->
<button id="hamburger-menu" class="hamburger-menu">
<span class="hamburger-bar"></span>
<span class="hamburger-bar"></span>
<span class="hamburger-bar"></span>
</button>
<ul id="nav-list">
<li><a href="/index.php" class="nav-button">Dashboard</a></li>
<li><a href="/download.php" class="nav-button">Download</a></li>
<li>
<a href="/scripts/benchmark_results.php?username=defaultUser" class="nav-button">Benchmark
Results</a>
<ul class="dropdown">
<!-- You can add more users dynamically here -->
</ul>
</li>
</ul>
</nav>
</div>
</header>
<!-- Add your custom JavaScript here, just before the closing body tag -->
<script>
// JavaScript to toggle mobile navigation
document.getElementById('hamburger-menu').addEventListener('click', function () {
document.getElementById('nav-list').classList.toggle('show');
});
</script>
<!-- You can also add this CSS inside a <style> tag in your header or an external stylesheet -->
Nella struttura HTML di una pagina, prima di <!DOCTYPE html> non ci va messo nulla. Gli script js possono stare sia in <head></head> che <body></body>, mentre <header></header> va dentro al <body></body>.
Esmpio:
Codice HTML:
<!DOCTYPE html>
<html>
<head>
<!-- metatag, link, css, ect... -->
</head>
<body>
<header>
<h1>Qualcosa</h1>
<p>Testo 1</p>
<p>Testo 2</p>
</header>
<!-- resto dei contenuti -->
</body>
</html>
Cordiali saluti.