Advertisements I’m new to flutter and this is my first try, I’m trying to remove space between body and nav bar that highlighted below enter image description here and this is UI image I try to code enter image description here I make safeArea bottom false and nothing change, SafeArea( bottom: false, also I use… Read More remove white space between body and nav bar
Advertisements how can I turn <a class="navbar-brand" href="index.html"> QuadroStudios </a> into a image code for my navbar this is my code <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>QuadroStudios</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" type="text/css" media="screen" href="about.css" /> <!– <script src=’main.js’></script> –> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" /> </head> <style> body {… Read More make <a class="navbar-brand" href="index.html"> text </a> into a img
Advertisements I’m trying to create a React web app, I have a navbar. It was working fine actually. But it reloads every time when navigating. I dont want the page reloads when we navigate with the navbar. This is my navbar. <MDBNavbarNav fullWidth={false} className="mb-2 mb-lg-0"> <MDBNavbarLink active aria-current="page" href="/" className="pe-5"> Home </MDBNavbarLink> <MDBNavbarLink active href="/#"… Read More Page reloads while navigating in reactJS
Advertisements Some things in CSS are just, well, confusing. Here’s my code: html, body { margin: 0; padding: 0; } .navbar { position: sticky; top: 0; left: 0; width: calc(100% – 40px); margin: 0; padding: 20px; background-color: grey; overflow-x: scroll; } .navbar-item { height: 100%; border: solid 2px black; margin: 10px; padding: 5px; } <div… Read More CSS overflow is being ignored in navbar
Advertisements I used the outline of the code from we3schools. My problem is that the button is not level with the navbar. I couldn’t get the code to align where it would let me publish so here is the github link (it’s an html file with just the navbar and a css file with just… Read More How to align dropdown button with the rest of the navbar
Advertisements I’m trying to create a basic horizontal navigation bar fixed at the top of the page, with 4 links included. I wanted the last two to be located at the right side of the nav bar with CSS, but I can’t seem to do this without the order of the last 2 links getting… Read More Setting portions of <li> elements in horizontal nav bar to float right with CSS reverses their order
Advertisements Here is a code for my navbar: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="/">BRAND</a> <div class="navbar-collapse"> <ul class="navbar-nav mr-auto"> {% if user.is_authenticated %} <li class="nav-item"> <a class="nav-link" href="#">ITEM 1</a> </li> <li class="nav-item"> <a class="nav-link" href="#">ITEM 2</a> </li> <li class="nav-item"> <a class="nav-link" href="#">ITEM 3</a> </li> {% endif %} </ul> <ul class="navbar-nav ml-auto"> {% if… Read More Bootstrap 4 nav-bar vertical-align issue
Advertisements I want to justify li objects right and left in my navbar. How can I do it? <nav class=”navbar navbar-expand-lg navbar-light bg-light”> <button class=”navbar-toggler” type=”button” data-toggle=”collapse” data-target=”#navbarNav” aria-controls=”navbarNav” aria-expanded=”false” aria-label=”Toggle navigation”> <span class=”navbar-toggler-icon”></span> </button> <div class=”collapse navbar-collapse” id=”navbarNav”> <ul class=”navbar-nav mx-auto”> <li class=”nav-item”> <a class=”nav-link” href=”#”>ABOUT US</a> </li> <a href=”#”><img src=”images/logo.png”></a> <li class=”nav-item”> <a… Read More How to justify li objects right and left in my navbar
Advertisements We have to make a project at school and i want to make this dropdown inside a navbar expand once you hover it. I’ve tried diffrent solutions but so far all I get is a button that requires a click or all the options beneath each other without a dropdown. <li class="nav-item"> <div class="dropdown"… Read More How do i make a button dropdown while hovering?
Advertisements I added my logo to my navbar, but then something strange happened. Every item in my navbar that contains more than one word, seperated with a space, gets pushed back. See image below: Current navbar issue Since I’m not that experienced I tried to search for common fixes for this as I could not… Read More How to solve navbar-brand logo issue