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> &nbsp; &nbsp; &nbsp; &nbsp;  <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

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -