html - NavBar Image Links Aren't Working, but code is perfect. What's up? -
so here's current html code, within <head>
section:
<ul class="nav"> <li> <a href="http://www.greg-holmes.com/#/title" target="_blank"> <img src="img/home.png"> </a> </li> ... <!-- deleted elements readability --> <li> <a href="http://www.instagram.com/djspiffy" target="_blank"> <img src="img/instagram.png"> </a> </li> </ul>
here's css goes along it:
.nav { border-width: 1px 0; list-style: none; margin: 0; padding: 0; text-align: center; } .nav li { display: inline; } .nav { display: inline-block; padding: 10px; }
the code live @ greg-holmes, reason links aren't working.
you need put html code inside <body>
tag not <head>
tag