My nav bar is not showing up in the hompage?

HTML-CSS
1 
<!DOCTYPE html>
<html>
```
<head>
	<title>A responsive webpage</title>
	<meta charset="utf-8">
    <meta name="description" content="An example of a responsive webpage">
    <meta name="keywords" content="responsive,webpage,html,css,javascript">
    <meta name="Author" content="Saejim">
    <meta name="viewport" content="width=device-width, initial-scale:1.0">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
```

```
<body>

	<h1>My first Responsive webpage</h1>
		<div class="Styleme">
		    <p onclick="alert('LOVE FOR YOU!&#128151')";>Just happily click about anywhere here and get..&#128512;</p>
		 </div>
		    <BUTTON type="BUTTON" onclick="alert('MORE LOVE FOR YOU!&#128151 &#128151')";>Click me too!</BUTTON>
			 
	<h2>
		<a href="signup.html">This section has a special message for you!</a>
	</h2>
	
		<a href="index.html">home</a>
		<a href="aboutus.html">About Us</a>
		<a href="services">servces</a>
		<a href="login.html">Log in</a>
	

	 

</body>
```

</html>`
2 
body {
	background-image: url(doodle.jpg);
	background-repeat:no-repeat;
	Background-size:1600px 800px;
}
h1 {
	text-align:center;
	text-decoration-color:black;
	background-color: rgb(160,200,50,0.8);
	padding:15px 30px;
	font-family:"Comic Sans MS", cursive, sans-serif;
}
p {
	font-size:50px;
	background-color:red;
	border-style:solid;
	border-color:black;
}
button {
	background-color:green;
	color:white;
	padding: 15px 30px;
}
h2 {
	text-align:center;
	background-color: rgba(126, 193, 0, 0.9);
	padding: 10px 20px;
	color:rgb(255, 0, 28, 1);
	font-family:sans-serif;
	border-style: solid;
	border-color: black;
	text-decoration-line: none;
}
#stylelink {
	font-size: 60px;
}
3

Hey @saejim91,

  • Next time you want to showcase a code, use the ` backtick so it is easier for everyone to read.
    See this post to find the backtick on your keyboard.
    The “preformatted text” tool in the editor (</>) will also add backticks around text.
    Pre-formatted-text
    Pre-formatted-text1356Ă—380 401 KB
1 Like
4

Oh,i see the point now.Thank you!This doesn’t bleed my eyes!haha.
Hey,can u help me with this?problem is I have a huge background image in the index page in html.which somehow blocking my nav bar.The nav bar appears only when the background image is not there.

5

You can try using z-index on the navbar, and give it a high value like 500, so: z-index: 500;

1 Like
6

Use https://codepen.io/ for this king of questions :]

7

send a picture of what you see please

8

Hey Dorfieee,
Thanks for ur concern man.i have fixed it. :slight_smile:

9

Thanks man! i have already fixed it and this would be the best trick to shade some light on these sneaky issues. :wink:

10

Try setting up the Nav bar.

do the same for "about us, services etc…