-
Making a Nav Menu
Greetings.
I am new to the world of HTML and CSS.
Recently, I’ve been watching tutorials on how to make a navigation bar with pure CSS, but I am having some difficulty.
I have laid out a template home page that I am working with. I set out each section in a div box with its height and width established and placed approximately where I would like it on the page.
When I begin the process of trying to code the elements of the navigation bar, however I can’t seem to make anything line up.
Here is an example.
#navmenu {
height: 30px;
width: 647px;
float: right;
}- item 1
- item2
- item3
I simply don’t understand what to do next to (1) space my links out evenly, (2) get them in a line.
Can anyone help?
-
1 Reply
-
In order to make things sit “in a line”, you need to use “display: inline-block”.
https://www.w3schools.com/css/css_inline-block.aspBut really you should be using a list to make the menu.
https://www.w3schools.com/css/css_navbar.aspW3Schools.com is a great place to learn things about HTML, CSS and other languages. I’m not confident or adept enough to explain any further, but those links should help you. Have a nice day 🙂
Reply to this Discussion! Login or Sign Up