html - It works in all Browers but not in CHROME when it Live - please advice? -


here css code - simple navigation work in browser not in chrome when line- advice ?

html

<div id="header">test</div> <nav> <ul>  <li><a href="#">home</a></li>  <li><a href="#">home1</a></li>  <li><a href="#">home2</a></li>  <li><a href="#">home3</a></li>  <li><a href="#">home4</a></li>  <li><a href="#">home5</a></li>  </ul> 

css

nav {     width:100%;       text-align:center; }  nav ul        {     float:right;      line-height:50px; }  nav li {     display:inline;     list-type:none; }  nav {     font-family: verdana;     display:inline-block;     text-align: center;     color: #666;     text-decoration: none;     background-color:#f7f9f8;     padding: 40px 0 10px 0;     text-shadow: none;     font-size: 13px;     color:#800040;      font-family:verdana, geneva, sans-serif; }  nav a:hover {     transition: .3s ease;     padding-top: 35px;         border-top: 5px solid #9d426b;         background: #9d426b;     color:#ffffff; } 

here css code - simple navigation work in browser not in chrome when line- advice ?

you need add "target" attribute anchor tag. check out example below:

http://jsfiddle.net/mlkqd5w3/

<li><a href="http://google.com" target="_blank">home</a></li>  <li><a href="http://codingclown.com" target="_blank">home1</a></li> 

Comments

Popular posts from this blog

jquery - How do you format the date used in the popover widget title of FullCalendar? -

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -