Skip to main content
H
Hansi304348432cq9
Participant
September 18, 2023
Beantwortet

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

  • September 18, 2023
  • 2 Antworten
  • 284 Ansichten

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

    Dieses Thema wurde für Antworten geschlossen.
    Beste Antwort von Nancy OShea
    quoteI 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.

     

    2 Antworten

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertAntwort
    Community Expert
    September 18, 2023
    quoteI 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.

     

    Nancy O'Shea— Product User & Community Expert
    H
    Hansi304348432cq9Autor
    Participant
    September 18, 2023

    The answer that I was looking for. Great.

    Thanks a lot !

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    September 18, 2023

    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 O'Shea— Product User & Community Expert
    Allgemeine NutzungsbedingungenAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices