CODEWITHSUNDEEP
htmlcsstwitter-bootstraptwitter-bootstrap-3
Manoj
Manoj

Reputation: 453

Website links behaving abnormally

I have made this website: http://manojpandey.tk/ implementing Bootstrap v.3

In the Contact section, I have added some social buttons.

<ul class="list-inline banner-social-buttons">
    <li>
        <a href="http://twitter.com/manojpandey96" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
    </li>
    <li>
        <a href="http://www.facebook.com/manojpandey1996" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
    </li>
</ul>

They are showing some abnormal behaviour that I don't get. When someone clicks on the button directly, a blank webpage with same url opens. Opening in new tab does good.

But, why does the former does not work. Any help will be appreciated.

Upvotes: 1

Views: 136

Answers (1)

bluelDe
bluelDe

Reputation: 395

<a class="btn btn-default btn-lg" href="http://twitter.com/manojpandey96" target="_top"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>

Works for me. So just add:

target="_top"

to the a-Tags.

Is there a reason why you are using frames?

Edit: The Frames are causing the problem. Without adding target, the link usually will open within the frame. But if you add target="_top", then it will be loaded in the full window, ignoring the frames. More detailed explanation here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

Upvotes: 1

Related Questions