Hyperlinks do not open new Browser-Tab, but instead On-Top-Pop-Up-Window.

[Hansi304348432cq9]

I'm NOT a website-designer !. I created a Website in Adobe Dreamweaver with a free Bootstrap-Template. Everything works fine except for one section. A section I call "FRIENDS & LINKS". In this Section, if I insert a Hyperlink to an image, the link will always open a smaller window over the existing browser window, almost like a pop-up-window, even I choose Target-Blank for the link. I want the links from the image to open in a new tap. For some reason, whatever I do, it always opens a smaller window on top, but only in this perticular section. My Website is called http://transformationhealth.net/ The section in the  Source-Code is called "Portfolio section", the FRIENDS&LINKS page. 

Please Help ! Thank You !

regards; Hansi

[Nancy OShea]

You have a one-page website.  All links lead to #sections of the SAME page URL. 

Given how the site is designed, It works exactly as expected for a one-page website.

<li><a href="#work" class="smoothScroll">WHAT WE DO</a></li>
<li><a href="#team" class="smoothScroll">HOW IT WORKS</a></li>
<li><a href="#about" class="smoothScroll">PLAN DETAILS</a></li>
<li><a href="#portfolio" class="smoothScroll">FRIENDS &amp; LINKS</a></li>
<li><a href="#plan" class="smoothScroll">PLAN PRICES</a></li>
<li><a href="#contact" class="smoothScroll">CONTACT</a></li>

If you want to break your site up into 7 individual pages --

index.html (home page),

work.html,

team.html,

about.html,

and so  on....

then target_blank can be used.  But it's super annoying when used on the same domain.  I never use target_blank unless the URL takes visitors to a different site domain. If users wish to open links in new tabs/windows, they can do it with their browser's advanced menu options (right-click).

NOTE:  new tabs/windows don't work on mobile devices.

If you decide to break your site up into individual pages, you'll need to change your link targets from #sections to pages like this.

<li><a href="work.html">WHAT WE DO</a></li>

<li><a href="team.html">HOW IT WORKS</a></li>

<li><a href="about.html">PLAN DETAILS</a></li>

and so on...

Hope that helps.

[Nancy OShea · Accepted solution]

I want the links from the image to open in a new tab.  It always opens a smaller window on top, but only in this particular section.

By @Hansi304348432cq9

==========

The Nivo Lightbox Viewer is invoked on #portfolio and all anchors inside col-md-4 divs.

OPEN:  js/custom.js file and scroll down to this section

/* Nivo lightbox
    -----------------------------------------------*/
  $('#portfolio .col-md-4 a').nivoLightbox({
        effect: 'fadeScale',
    });

Remove col-md-4 a from the code above.

Save file & upload file to your remote server.

[Hansi304348432cq9]

The answer that I was looking for. Great.

Thanks a lot !