frederik_xcv
Neues Mitglied
Hallöchen zusammen
Ich bin relativ neu im Bereich HTML/CSS/JS und nun möchte meine erste Webseite erstellen. Leider hänge ich schon bei der Navbar fest. Und zwar möchte ich dort die aktuelle Section oder Div hervorheben. Ich weis dass es die Möglichkeit gibt das ganze via Bootstrap zu lösen. Nur leider scheint dies bei mir nicht zu funktionieren. Ich habe schon diverse verschidene Varianten versucht komme aber leider nie zu einer Lösung. Vllt funktioniert das ganze ja auch und wird mir nur nicht angezeigt. Wäre schön wenn jemand sich den Code mal anschauen könnte. Momentan sieht der Code bei mir wie folgt aus:
Danke für eure Hilfe
Ich bin relativ neu im Bereich HTML/CSS/JS und nun möchte meine erste Webseite erstellen. Leider hänge ich schon bei der Navbar fest. Und zwar möchte ich dort die aktuelle Section oder Div hervorheben. Ich weis dass es die Möglichkeit gibt das ganze via Bootstrap zu lösen. Nur leider scheint dies bei mir nicht zu funktionieren. Ich habe schon diverse verschidene Varianten versucht komme aber leider nie zu einer Lösung. Vllt funktioniert das ganze ja auch und wird mir nur nicht angezeigt. Wäre schön wenn jemand sich den Code mal anschauen könnte. Momentan sieht der Code bei mir wie folgt aus:
HTML:
<body id="page-top" class="index">
<div data-spy="scroll" data-target="#mainNav" data-offset="50">
<nav id="mainNav" class="navbar">
<!--<div class="navbar-links"><a class="navbar-links-logo" href="#page-top">Start</a></div>-->
<ul id="topnavid" class="navbar-rechts topnav">
<li class="hidden"><a href="#page-top">Home</a></li>
<li><a class="page-scroll" href="#section1">Services</a></li>
<li><a class="page-scroll" href="#section2">Team</a></li>
<li><a class="page-scroll" href="#section3">Geschichte</a></li>
<li><a class="page-scroll" href="#section4">Leere Seite</a></li>
<li><a class="page-scroll" href="#section5">Kontakt</a></li>
<li class="icon"><a href="javascript:void(0);" onclick="myFunction()">☰</a></li>
</ul>
</nav>
</div>
<header>
<!-- BILD -->
</header>
<div id="section1" class="services">
</div>
<div id="section2" class="team">
</div>
<div id="section3" class="geschichte">
</div>
<div id="section4" class="leere_seite">
</div>
<div id="section5" class="kontakt">
</div>
</body>
</html>
Zuletzt bearbeitet von einem Moderator:
