Css navbar not not showing on webpage

please help navbar is not showing can’t figure out why?

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet"  href="styles.css">
    <link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' 
	<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' 
	    <title>David Chu's China Bistro</title>
   <nav id="header-nav" class="navbar navbar-default">
	    <div class="container"></div>
		<div class="navbar-header">
		<a href="index.html" class="">
body     {
	background-color:  #61122f;
	font-size: 16px;
	font-family: 'Oxygen', sans-serif;
	color: #fff;

 #navbar-header     {
	 border: 0;

I’m not seeing a header or a nav bar in your code. I see you have links to fonts you want to use. I see you have a title tag with some text in it. Then I see a closing header tag, but no opening one? And nothing inside of the header tag. I also see a closing body and html tag, but no opening tags. I don’t see anything with the #navbar id. Did you maybe not share all of your code when you made this post?

1 Like

I did post it not sure why it didn’t post.

Will repost it thanks for telling me

1 Like

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Hi @Tempest. You aren’t wrapping your container div around anything. You also don’t have any content to display on the page inside any of your elements within nav. You have an unnecessary closing div within your nav.

Also in your css code your navbar-header needs a dot instead of a # in front of it. I see a ‘class’ with navbar-header not an id.

1 Like