Search code examples
htmlimagehyperlinkhref

A href link does not work-When I click the link snimka1.html it does not work,may be to many div tags?-

When I click the link snimka1.html it does not work,may be to many div tags?

snimka1 is located on the server in the same /main/ directory as index.html.

I removed the tag <div class="panel-thumbnail"> and the link works, but the images are in a tab and they changed their places and are not correctly displayed

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" />

<div class="container">
  <div class="row">
    <div class="col-sm-4 col-xs-6">
      <div class="panel panel-default">
        <div class="panel-thumbnail">
          <a href="snimka1.html" target="_blank">
            <img src="https://via.placeholder.com/150" class="img-responsive psp-center" alt="business">
          </a>
        </div>
        <div class="panel-body">
          <p ALIGN="center">Kлеопатра 2,4X 3,2 см </p>
          <p></p>
        </div>
      </div>
    </div>
  </div>
</div>

Solution

  • Number of div tags doesn't matter. Make sure your 'snimka1.html' file is in the same folder of your index.html.

    If it is in another folder you should include that folder name also. like 'foldername/snimka1.html'.

    Refer this link once - https://www.w3schools.com/html/html_filepaths.asp