My nav bar isnt linking to my other pages

jackcole861 · April 6, 2020

<!DOCTYPE html>

<head>

</head>

</header>

<body>

<nav>

<ul>

<li><a href="about.html">Login</a></li>

<li><a href="Product.html">Product</a> </li>

<li><a href="New User Signup.html">New User Signup</a></li>

</ul>

</nav>

<main>

</div>

<p>The properties of green tea are many and varied. Especially during an epidemic<br>

we all need to be aware of what tea can do for us. Along with its antibiotic properties, it also<br>

can cleanse the spirit and wash away our tensions. </p>

</main>

<br>©

<a href="mailto:jackcole861@gmail.com">Click to email Jack Cole</a>

</footer>

</body>

</html>

This is my css

.hippiegirl

{

position:absolute;

left:0;

top:0;

width:400%;

height:auto;

opacity:0.6;

}

body{

background-color: lightgreen;

}

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: #333;

}

li {

float: left;

}

li a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

}

/* Change the link color to #111 (black) on hover */

li a:hover {

background-color: #111;

}

Ingolme · April 7, 2020

The location of the other files has to be in the same folder as the file with the links on it.

You have several errors in your code.

<a> tags can't go in the <head>
The <header> must be within the <body> tags.
The correct tag for images is <img>, not <image>.

Sign In

My nav bar isnt linking to my other pages

Recommended Posts

jackcole861

Link to comment

Share on other sites

Ingolme

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity