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:
<li><a href="http://google.com" target="_blank">home</a></li> <li><a href="http://codingclown.com" target="_blank">home1</a></li>
Comments
Post a Comment