divとcssのdivをアンダーラインなしでクリック可能にするにはどうすればよいですか？

Question

おはようございます、

私は現在、divをクリック可能にしたいページで作業しています。

はここまで手に入れた：

<a href="http://coteax.me/"> 
<div id ="rectangle"> 
    <div id="iconx"></div> 
<p class="rec-text"> Portal for projects</p> 
</div> 
</a> 

をそれは動作しますが、テキストは紫色のラインで下線が引かれ 紫色のラインが消えて、テキストだけでクリック可能なように、私はそれを作るにはどうすればよい（ハイパーテキスト？）？

事前に感謝します。

Answer 1

CSSでアンダーラインを削除するだけで、この例のCSS部分を確認できます。

Linkから例：

HTML：

<div class="boxhead"> 
    <h2> 
     <span class="thisPage">Current Page</span> 
     <a href="myLink"><span class="otherPage">Different Page</span></a> 
    </h2> 
</div> 

CSS：

.boxhead .otherPage { 
    color: #FFFFFF; 
    text-decoration: none; 
} 

Answer 2

HTML

<div id="iconx"> 
... 
</div> 

CSS

#iconx { 
cursor : pointer; 
} 

jQueryの

$('body').find("#iconx").delegate("click", function() { 
location.href="http://coteax.me/" 
}) 

Answer 3

使おtext-decoration: none。

<a href="http://coteax.me/" style="text-decoration: none;"><div id ="rectangle"><div id="iconx"></div><p class="rec-text"> Portal for projects</p></div></a>

OR（外部CSSを使用した）

a { 
 
    text-decoration: none; 
 
}

<a href="http://coteax.me/"> 
 
    <div id ="rectangle"> 
 
     <div id="iconx"></div> 
 
     <p class="rec-text">Portal for projects</p> 
 
    </div> 
 
</a>