2016-05-25 61 views
-3

我在查找如何將下面的文本中的電子郵件地址轉換爲鏈接。它並不一定是一個電子郵件地址,即使它是一個鏈接,因爲我正在處理懸停時彈出的一些鏈接,但仍停留在當前的問題上。任何建議將非常感激。在跨度標記中添加鏈接

爲了進一步解釋,我目前有新聞鏈接,當您將鼠標懸停在此上時,您會看到一個彈出窗口,顯示與鏈接相關的其他新聞。問題是,因爲我已經有一個錨點鏈接,所以我無法在關閉標籤之前添加另一個錨點鏈接,但我希望能夠點擊懸停彈出窗口中的電子郵件地址,但不知道如何實現這一點。

<div id="popup"> 
<a href="dropdownmenus.php">Dropdown menus<span>Further information:-<br> If you need to contact anyone then please contact on [email protected]</span></a> 
</div> 

樣式

/*HOVER POPUP LINKS*/ 

/*hoverpopups type 1*/ 

#popup { color: #000; background-color: #c0c0c0; } 

#popup a, #popup a:visited { 
    position: relative; 
    display: block; 
    width: 130px; 
    line-height: 30px; 
    text-align: right; 
    padding: 0 10px; 
    margin: 0; 
    border: 1px solid #666; 
    text-decoration: none; 
    font-size: 1em; 
    font-weight: bold; 
} 

#popup a span { 
    display: none; 
} 

#popup a:hover { 
    background-color: #e9e9e2; 
} 

/* the IE correction rule */ 
#popup a:hover { 
    color: #f00; 
    background-color: #e9e9e2; 
    text-indent: 0; /* added the default value */ 
} 

#popup a:hover span { 
    display: block; 
    position: absolute; 
    top: 0px; 
    left: 170px; 
    width: 320px; 
    margin: 0px; 
    padding: 10px; 
    color: #335500; 
    font-weight: normal; 
    background: #e5e5e5; 
    text-align: left; 
    border: 1px solid #666; 
} 
+0

OP問如何在html中使用非常基本的標籤。 –

回答

1

必須圍繞電子郵件的標籤,並讓href成一個mailto:論點是這樣的:

<a href="mailto:[email protected]">[email protected]</a> 

這是非常基本的HTML。我建議你在https://www.codecademy.com上花點時間做一些學習,然後再發布在這樣的論壇上,因爲這些問題在開發人員中不會得到很好的回答。

+0

道歉,因爲它可能聽起來像一個簡單的問題,但每當我在電子郵件地址周圍添加錨標籤時,彈出窗口不再顯示其文本中的電子郵件地址,並出現在我懸停的初始文本上,這就是問題所在。 –

+1

@MichaelOwen - 您不能將電子郵件包裹在錨標籤中,因爲這會創建一個無效的HTML鏈接。 – j08691

+0

我有一個帶有文本鏈接的頁面,當您將鼠標懸停在該頁面上時,會顯示一個彈出式文本,該文本位於span標籤內,但在span範圍內添加一個錨標籤可以打破它,並且不會給我所需。 –