html - Float is breaking link on website -
i have div on website in has span classes encased. 1 of these meant have mailto: link, however, seems because div floated right, link not work. if remove float, works should.
html:
<div class="topmenu"> <div class="contactinfo"> <span class="topmenuspan">call us:</span><span class="topmenuinfo"> 01892 704 201</span> <span class="topmenuspan"><a href="http://www.google.com">email us:</a></span> <span class="topmenuinfo">info@doyouknowbonobo.co.uk</span></div></a> </div>
and css:
.topmenu{ height:36px; background:#000; font-family: adelle-sans; font-weight:600; font-size:15px; color:#fff; text-align:right; float:right; position:relative; right:5.7%; width:612px; } .topmenuspan{ color:#ffdc31; cursor:pointer; } .topmenuinfo{ color:#fff; cursor:pointer; } .topmenu .contactinfo{ cursor:pointer; position:relative; right: 15%; top: 5px; } .topmenuspan:hover{ color:#fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; cursor:pointer; } .topmenuinfo:hover{ color:#ffdc33; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
link website: http://scottadmin.co.uk/monkey/
how stop float breaking link?
the link isn't broken - it's merely not in foreground. try adding:
.topmenu{ z-index:100; }
Comments
Post a Comment