Breaking News: Grepper is joining You.com. Read the official announcement!

side menu css

Add Answer

Sivasubramaniyam V answered on June 6, 2022 Popularity 10/10 Helpfulness 1/10

answer side menu css

related sidebar menu css

related how to make a side navigation bar in html

side menu css

Comment

.sidebar {
  width: 200px;
  height: 100%;
  background-color: #333;
  color: #fff;
  position: fixed;
}

.sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar li {
  padding: 10px;
}

.sidebar li a {
  color: #fff;
  text-decoration: none;
}

.sidebar li a:hover {
  background-color: #555;
}

.content {
  margin-left: 200px; /* Same as the width of the sidebar */
  padding: 20px;
}

Popularity 10/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css side-menu

Link to this answer
Share Copy Link

Contributed on Jul 11 2023

Sivasubramaniyam V

0 Answers Avg Quality 2/10

Closely Related Answers

sidebar menu css

Comment

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="sidebar">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </div>
  <div class="content">
    <!-- Your main content goes here -->
  </div>
</body>
</html>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 11 2023

Sivasubramaniyam V

0 Answers Avg Quality 2/10

how to make a side navigation bar in html

Comment

-1

<div id="side-nav" style="width:100px(you can change this however you like);
height:100vh(if this doesn't work try 100%, anything that will get this to full height);
float:right/left; position:sticky;">
  <ul>
    <li>...</li>
    ...
  </ul>
</div>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jun 06 2022

Oh! So We Are Using Our Made-Up Names!

0 Answers Avg Quality 2/10

side menu css

Contents

More Related Answers

side menu css

Closely Related Answers

sidebar menu css

how to make a side navigation bar in html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.