HTML奇怪的超链接不起作用

Posted 2023-02-16

【中文标题】HTML奇怪的超链接不起作用

【英文标题】：HTML weird hyperlink not working

【发布时间】：2011-12-21 17:48:23

【问题描述】：

我有我的 Joomla 网站，在一篇文章中我有这个代码：

<a href="http://www.google.com" target="_blank">Facebook</a>

<div id="mmm" style="position: absolute; padding-top: 85px; padding-left: 455px;">loadposition google_mapa</div>
<hr />
<h4 style="padding-left: 60px; color: #99cc33; text-align: left;">Contactos:       </h4>
<hr />

<p class="MsoNormal" style="padding-left: 60px; text-align: justify;">
<span style="font-family: Century, serif;"><br /><img src="images/fb.png" border="0"   style="border: 0; vertical-align: middle;" />
</span></p>
<a href="http://www.google.com" target="_blank">Facebook</a>

我的问题是，第一个超链接与第二个相同，但第一个工作和第二个不工作。任何帮助将不胜感激，

约翰

编辑：对不起。我不小心在href 中复制了<p>。它不工作

EDIT2：当我的意思是不工作时，这意味着它不可“点击”，它看起来像超链接，但是当我点击时什么都没有发生

EDIT3：问题出在这里：

<div id="mmm" style="position: absolute; padding-top: 85px; padding-left: 455px;">
<p> </p>
<p>loadposition google_mapa</p>
</div>

如果我把它拿出来，链接就会起作用。不知道为什么。

【参考方案1】：

您的链接中有一个结束 p 标记...

脸书

【讨论】：

对不起。我复制错了。现在检查。我告诉你完全一样，第一个有效，第二个无效

因为这个原因它不工作...loadposition google_mapa 所以当你在线并且该调用将在它应该工作后被解释所有链接。

是的，必须是 loadposition google_mapa，因为 html 似乎没有任何问题，并且可以正常工作。发表文章后可以给我们看代码吗？

你能向我们展示相同的 sn-p 代码，但在发布之后？ loadposition google_mapa 中的某些东西可能会弄乱您的 HTML 结构。

也许您可以使用 float: left 并排使用两个 div，如下所示：jsfiddle.net/2JCC3/1

【参考方案2】：

您应该将</p> 标记从href 属性中取出以使URL 起作用。

编辑：

地图 div，在此处加载：

<div id="mmm" style="position: absolute; padding-top: 85px; padding-left: 455px;">loadposition google_mapa</div>

以某种方式影响左侧的链接，主要是因为 CSS 属性 position: absolute。

作为替代方案，您可以尝试将两个 div 并排使用，如 in this fiddle 所示。

<div style="float: left; margin-right: 20px; border: solid 1px">
    <p>Facebook</p>
    <p>Address</p>
    <p>Email</p>
</div>
<div style="float: left; border: solid 1px">
    Map
</div>

【讨论】：

对不起。我复制错了。现在检查。我告诉你完全一样，第一个有效，第二个无效

@recoInrelax 我编辑了我的答案以包含 cmets 中提出的解决方案。这里说的比较详细，希望对你有帮助。

【参考方案3】：

第一个超链接与第二个不同。第二个在 href 属性中有一个</p>，</p>http://www.google.com 不是一个有效的 url。

将第二个改为：

<a href="http://www.google.com" target="_blank">Facebook</a>

【讨论】：

对不起。我复制错了。现在检查。我告诉你是完全一样的，第一个有效，第二个无效

【参考方案4】：

不一样..您需要从第二个标签中删除 </p> 标签。