Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.

    GIF shows where to locate </> in the thread and or post editor toolbar.
    To learn more about how to use our BBCode feature, review our "How to post your code into threads" here.

    Thank you, Code Forum.

HTML & CSS Navbar menu that shows the content on a sidebar

Mlugo

Mlugo

New Coder
I know the fundamentals of the three essentials for web development, HTML, CSS, and JS. but, I am stuck on a feature that I am trying to replicate for my project. I was wondering if anyone could tell me how to achieve this. I am trying to create a navbar menu that shows the content of the selected option on the menu shown on the sidebar like on these pages:

C# Variables: Declare, Access & Use Variables

In C#, a variable contains a data value of the specific data type.
www.tutorialsteacher.com www.tutorialsteacher.com

C# Function - javatpoint

C# Function for beginners and professionals with examples on overloading, method overriding, inheritance, aggregation, base, polymorphism, sealed, abstract, interface, namespaces, exception handling, file io, collections, multithreading, reflection etc.
www.javatpoint.com www.javatpoint.com
www.w3schools.com

Bootstrap Navigation Bar

A navigation bar is a navigation header that is placed at the top of the page.
www.w3schools.com www.w3schools.com
 
Sort by date Sort by votes
Assuming I am understanding what you are asking for here, which to me sounds like a vertical navigation bar that goes from top to bottom instead of left to right, you can achieve it by using flex column, but I like cheating and use bootstrap :Rofl:

This link is for the latest version of bootstrap, scroll down to vertical and you can copy/paste into your code. https://getbootstrap.com/docs/5.2/components/navs-tabs/

Hope this helps! If this isn't the solution you were looking for, maybe you could elaborate a little more as to what you are looking for? Take a screen shot of a site that has what you want and highlight/mark the component you are looking for :smiling_imp:
 
Upvote 0 Downvote

New Threads

Latest posts

Share this page

Buy us a coffee!

Buy me a coffee.
Code Academy Advertisement
DataCamp Advertisement

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom