画像リンクがホバー上に広がります

Question

私は自分のポートフォリオにボタンを置いています。私は透明なリンクされたイメージが私のリンクが得るハイライトホバー効果を得るのを防ぐためにいくつかのコーディングを入れました。今、私の普通のリンクされた画像はホバリングで鳴ります。私はコーディングいくつかの新しいを置くことによって効果を静めるように見える

：ボタンはホバー時に見てどのように

：どのボタンがホバーする前に見て

a:link { 
color: #000000; 
text-decoration: underline;} 
a:hover { 
color: #000000; 
background-color: #AF77AB;} 
a:visited { 
color: #000000; 
text-decoration: underline;} 
a:hover img { 
border: none !important; 
display: block;} 

しかし、今すぐボタンがお互いのすぐ隣にあるわけではありません。 g違反コード。私は最初の画像のようにボタンがお互いに横たわっているようにしたいが、今はすっきりとしている。ありがとうございました。私はそれが上怖がらすることができると思います

<a href="http://website.com"><img src="http://image.com" border="0"><a href="http://website.com"><img src="http://image.com" border="0"></a><a href="http://website.com"><img src="http://image.com" border="0"></a> 

Answer 1

：

a:link img { 
border: none !important; 
display: block;} 

リンクされた画像は、次のようなコーディング単純である

a:hover img { 
border: none !important; 
display: inline-block;}