html - Link does not work -
i try make menu @ website. menu html code following
<div id="menu"> <ul class="navigation"> <li><a href="#home" class="selected">home<span class="ui_icon home"></span></a></li> <li><a href="#aboutus">about us<span class="ui_icon aboutus"></span></a></li> <li><a href="#gallery">gallery<span class="ui_icon gallery"></span></a></li> <li><a href="#contactus">contact us<span class="ui_icon contactus"></span></a></li> <li><a href="http://www.google.com">google</a><span class="ui_icon services"></span></li> </ul> <h1><a href="http://www.yahoo.com">yahoo</a></h1> </div>
if press yahoo link, can visit yahoo if press google link (which inside navigation class) not work.
does knows why?
the css following
ul.navigation { float: right; display: inline-block; list-style: none; padding: 0; } ul.navigation li { display: inline; margin: 0; padding: 0; } ul.navigation { float: left; display: block; padding: 0 0 0 30px; margin-left: 30px; color: #d5bf3a; font-size: 16px; font-weight: normal; text-decoration: none; text-align: center; background: url(../images/templatemo_menu.png) left center no-repeat } ul.navigation a:hover, ul.navigation a.selected { color: #81a039; } ul.navigation a:focus { outline: none; }
thanks in advance
your tag before google comes before span tags open, whereas placed after closing tag every time before.