Category : w3-css

enter image description here .white{ padding: 6px; color: white; position: absolute; top: 9%; } <nav class=”navbar navbar-expand-md navbar-dark bg-dark fixed-top”> <a class=”navbar-brand” href=”etudiant.html”> LOGO </a> <ul class=”navbar-nav ml-auto”> <button class=”navbar-toggler” data-toggle=”collapse” data-target=”#coll_target” > <span class=”navbar-toggler-icon” ></span> </button> <div class=”collapse navbar-collapse” id=”coll_target”> <li class=”nav-item”><a class=”nav-link nav-buttons” href=”#” onclick=”document.getElementById(‘prs’).style.display=’block'”>PrĂ©sentation</a></li> <li class=”nav-item”><a class=”nav-link nav-buttons” href=”#” onclick=”document.getElementById(‘stf’).style.display=’block'”>Staff</a></li> <li class=”nav-item”><a ..

Read more

I want to generate buttons in menu section by h4 tags <script> function createMenu(){ let buttons = [‘About Us’, ‘Our Products’, ‘References’, ‘Leave us a feedback’] return buttons.forEach(item => document.body.insertAdjacentHTML(‘beforeend’, `<h4 onclick=" let x = document.getElementsByClassName(‘content-item’); for(let i=0; i<x.length; i++){ x[i].style.display = ‘none’; } document.getElementsByClassName(‘${item}’)[0].style.display = ‘block’; ">${item}</h4>`)); } </script> <menu class = "w3-sidenav w3-red ..

Read more