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.


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -