Open link in new tab (FireFox & IE7)

Posted on 2006-03-31
Last Modified: 2011-08-18
How do a make a link that opens in a new tab when clicked? I have seen this on websites in the past, but never bothered to view the source... now I cant find one for the life of me.

Question by:blacksix
    LVL 17

    Assisted Solution

    Hi blacksix,

    I think this mostly has to do with the user's firefox settings.
    Here are some targets:

    Most likely the browser will open, _blank in a new tab.  I am not sure but maybe _new exists as well.

    Joe P
    LVL 65

    Accepted Solution

    LVL 5

    Author Comment

    Looks like thats the answer.. Thing is I'm almost positive I've seen it happen before, must have been dreaming... Just tried the CSS3 'target-new' property... which it turns out is not supported by firefox yet (as of ver 1.5 anyway).

    ********* HTML
    <a href="" class="newtab">

    ********* CSS
    .newtab {
    target-new: tab !important;

    No go, guess I'll have to wait until CSS3.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
    In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…

    734 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now