CODEWITHSUNDEEP
cssfirefoxtwitter-bootstrap
Bojana Šekeljić
Bojana Šekeljić

Reputation: 1056

Links not active in firefox with bootstrap buttons

I ran into a strange issue while building my wordpress site. All links that are inside the bootstrap buttons are not active in firefox.

What could cause this?

Here's the html output:

<button class="btn pull-right" role="button">
<a href="http://domain.dev/?cat=4" name="View all News">
    All News
</a>
</button>

Here's the 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;
}

Upvotes: 5

Views: 3770

Answers (3)

basha
basha

Reputation: 11

Use this:

<div class="btn pull-right" role="button">
  <a href="http://domain.dev/?cat=4" name="View all News">
      All News
  </a>
</div>

I think it should work

Upvotes: 0

Anshad Vattapoyil
Anshad Vattapoyil

Reputation: 23483

Instead of,

<button class="btn pull-right" role="button">
<a href="http://domain.dev/?cat=4" name="View all News">
    All News
</a>
</button>

You have to use,

<a href="http://domain.dev/?cat=4" name="View all News">
  <button class="btn pull-right" role="button">
    All News
  </button>
</a>

Or,

<a href="http://domain.dev/?cat=4" title="View all News" class="btn pull-right">
    All News
</a>

Upvotes: 17

jayeshkv
jayeshkv

Reputation: 2208

Try what @Devo has suggested else try this

<a class="btn btn-primary" href="http://domain.dev/?cat=4">All News</a>

Hope this helps.

Upvotes: 1

Related Questions