【问题标题】:A href link does not work-When I click the link snimka1.html it does not work,may be to many div tags?-一个 href 链接不起作用-当我单击链接 snimka1.html 时它不起作用,可能是许多 div 标签?-
【发布时间】:2021-12-25 09:16:09
【问题描述】:

当我单击链接 simka1.html 时它不起作用,可能是多个 div 标签?

snimka1 位于服务器上与 index.html 相同的 /main/ 目录中。

我删除了标签 <div class="panel-thumbnail"> 并且链接有效,但是图像在标签中并且它们改变了它们的位置并且没有正确显示

<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>

【问题讨论】:

  • snimka1.html 文件在哪里?
  • snimka1 位于服务器上与 index.html 相同的 /main/ 目录中。我删除了这个标签
    ,链接有效吗?
  • 可能有一些 JavaScript 绑定为 panel-thumbnail 类启动,它会抑制链接功能。

标签: html image hyperlink href


【解决方案1】:

div 标签的数量无关紧要。 确保您的“snimka1.html”文件位于 index.html 的同一文件夹中。

如果它在另一个文件夹中,您也应该包含该文件夹名称。比如“文件夹名/snimka1.html”。

请参考此链接一次 - https://www.w3schools.com/html/html_filepaths.asp

【讨论】:

    【解决方案2】:

    The commentf_puras 发帖:

    也许某些 JavaScript 绑定会为 panel-thumbnail 类启动,它会抑制链接功能。

    是对的。我从 &lt;div&gt; 标记中删除了 class="panel-thumbnail" 并且链接有效!

    【讨论】:

    • 否 - 没有可以接受的答案。 f_puras 发表了评论,而不是答案。我已编辑此答案以使其更清晰。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签