css - Links not active in firefox with bootstrap buttons -


i ran strange issue while building wordpress site. links inside bootstrap buttons not active in firefox.

what cause this?

here's html output:

<button class="btn pull-right" role="button"> <a href="http://domain.dev/?cat=4" name="view news">     news </a> </button> 

here's css:

.home #primary #home-more .btn { background-image: url("../img/home-button-sprite-more.png"); background-repeat: no-repeat; margin-right: 0px; background-color: transparent; padding: 13px 40px; background-position: 20px 0px; } button.btn { display: inline-block; padding: 13px 24px;  margin-bottom: 0px; margin-right: 10px; font-size: 10px; text-transform: uppercase; font-weight: bold; line-height: 1; text-align: center; vertical-align: middle; cursor: pointer; border: medium none; border-radius: 0px 0px 0px 0px; white-space: nowrap; -moz-user-select: none; } 

instead of,

<button class="btn pull-right" role="button"> <a href="http://domain.dev/?cat=4" name="view news">     news </a> </button> 

you have use,

<a href="http://domain.dev/?cat=4" name="view news">   <button class="btn pull-right" role="button">     news   </button> </a> 

or,

<a href="http://domain.dev/?cat=4" title="view news" class="btn pull-right">     news </a> 

Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -

php - Accessing static methods using newly created $obj or using class Name -