2016-05-25 11 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

あなたはタグでメールを包囲し、MAILTOへのhrefを行う必要があります。このような引数:

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

は、これは非常に基本的なHTMLです。私はhttps://www.codecademy.comにいくつかの時間を費やして、このようなフォーラムに投稿する前にいくつかの学習をすることをお勧めします。なぜなら質問は開発者の間でうまく受け入れられないからです。

+0

それは簡単な問題のように聞こえるかもしれませんが、電子メールアドレスの周りにアンカータグを追加するたびに、そのテキスト内に電子メールアドレスが表示されなくなり、最初のテキストに表示されます。 。 –

+1

@MichaelOwen - アンカータグで電子メールをラップすることはできません。無効なHTMLであるネストされたリンクが作成されるからです。 – j08691

+0

私はテキストリンクのあるページを持っており、これを上書きすると、スパンタグ内にあるテキストのポップアップが表示されますが、スパン内にアンカータグを追加すると、それが壊れて必要なものが表示されません。 –

関連する問題