2011-12-21 50 views
0

我有我的Joomla網站,在一篇文章中我有這樣的代碼:HTML怪異的超鏈接無法正常工作

<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" width="25" height="25" 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> 

如果我拿出這個,鏈接工作。不知道爲什麼。

回答

4

你有一個結束p標記在您的鏈接...

的Facebook

+0

對不起。我把它複製錯了。現在檢查。我告訴你完全一樣,第一個第二個工作不是 – recoInrelax 2011-12-21 17:54:51

+1

它不工作,因爲這... {loadposition google_mapa}所以當你將在線和該電話將被解釋後,它應該工作的所有鏈接。 – 2011-12-21 17:58:36

+0

http://jsfiddle.net/etienne_carre/u2PmH/ – 2011-12-21 17:59:39

4

您應該從href屬性中取出</p>標記以使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> 
+0

對不起。我把它複製錯了。現在檢查。我告訴你完全一樣,第一個作品第二個不是 – recoInrelax 2011-12-21 17:56:12

+0

@recoInrelax我編輯了我的答案,以包含評論中提出的解決方案。這裏有點更詳細,我希望它有幫助。 – 2011-12-21 19:03:33

1

第一個超鏈接是不一樣的第二個。第二個在href屬性中有</p>,而</p>http://www.google.com不是有效的url。

更改第二個到:

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

對不起。我把它複製錯了。現在檢查。我告訴你完全一樣,第一個不適用 – recoInrelax 2011-12-21 17:57:27

0

不一樣..你需要刪除從第二個</p>標籤。