html - Anchor tags not working -
i have few anchor tags in html reason aren't working. far can tell there nothing wrong code @ loss. maybe need fresh pair of eyes on see if there obvious missing? website not loaded onto server yet here code having issues with.
<div id="navigation"> <div class="wrapper"> <div class="right"> <div class="phone-number"> <p>24hr turn around time 1-877-229-9665</p> </div> <div class="social-media"> <a href="https://www.facebook.com/archfitters" target="blank"><img src="images/facebook.png"></a> <a href="https://twitter.com/archfitters" target="blank"><img src="images/twitter.png"></a> <a href="http://www.yelp.com/biz/arch-fitters-portland-4" target="blank"><img src="images/yelp.png"></a> </div> </div> <div class="left"> <div class="logo"> <a href="/"><img src="images/logo.png"></a> </div> <div class="text"> <p>custom made orthotics</p> </div> </div> <div class="navbar"> <nav> <a href="index.html">home</a> <a href="services.html">services</a> <a href="company.html">company</a> <a href="contactus.html">contact us</a> <a href="news.html">news</a> </nav> </div> <div class="clear"></div> </div> </div> #header { font-family: calibri; } .text { text-align:left; font-size: 20px; } .navbar { text-align: center; font-color: #000000; padding: 30px 20px 4px; } .phone-number { text-align: right; } #navigation { position: fixed; top: 0; width: 100%; color: #000000; height: 80px; padding-top: 5px; background-color: #ffffff; z-index: 1; } #navigation { font-size: 20px; padding-left: 5px; padding-right: 15px; color: #000000; text-decoration: none; } #navigation a:hover { color: grey; } .social-media { text-align: right; margin-top: 40px; }
fiddle, seem working, in working links.
<div class="social-media"> <a href="https://www.facebook.com/archfitters" target="blank"><img src="images/facebook.png"></a> <a href="https://twitter.com/archfitters" target="blank"><img src="images/twitter.png"></a> <a href="http://www.yelp.com/biz/arch-fitters-portland-4" target="blank"><img src="images/yelp.png"></a> </div> </div>
Comments
Post a Comment