CODEWITHSUNDEEP
htmlcss
Marlinxp94
Marlinxp94

Reputation: 19

cant get rid of mysterious links the header

So my problem is that i cant remove links from "username" and "password" Can anyone help? Its my first week coding and I have searched everywhere.

 #top_logo {
   width: 80px;
   height: 80px;
   float: left;
 }
 #top_nav {
   float: left;
 }
 #top_nav ul li {
   float: left;
   padding: 30px 30px;
 }
 #top_nav ul li a {
   text-decoration: none;
 }
 #kirjautuminen {
   float: left;
   padding: 30px 10px 30px 100px;
   text-decoration: none;
 }
 #headerspace_1 {
   clear: both;
 }
<header>
  <img id="top_logo" src="icon_tab.png" />
  <nav id="top_nav">
    <ul>
      <li><a href="https://www.google.fi">Main</li>
				<li><a href="https://www.yahoo.com">Classes</li>
				<li><a href="https://www.hs.fi">About us</li>
				<li><a href="https://www.yle.fi">Contact</li>
			</ul>
		</nav>
		<form id="kirjautuminen">
			Username: <input type="text" name="username">
			Password: <input type="password" name="password">
			<input type="submit" value="Kirjaudu">
		</form>
		<div id="headerspace_1"></div>
	</header>

Upvotes: 0

Views: 39

Answers (1)

Chris Ghyzel
Chris Ghyzel

Reputation: 111

You need to close your anchor/hyperlink tags in the navbar.

<nav id="top_nav">
    <ul>
    <li><a href="https://www.google.fi">Main</a></li>
        <li><a href="https://www.yahoo.com">Classes</a></li>
        <li><a href="https://www.hs.fi">About us</a></li>
        <li><a href="https://www.yle.fi">Contact</a></li>
    </ul>

Upvotes: 4

Related Questions