링크에 배경 이미지가있는 div 만들기

Question

나는이 페이지 (http://www.alinewbury.com/contact.html)의 작은 아이콘을 링크로 만들려고합니다.
그들은 별도 사업부의 각을,하지만 때마다 내가 수행하려고 :

<div class="social-btn pinterest"><a href="http://www.pinterest.com/etc.etc."></a></div> 

작동하지 않는 것! 이 아이콘을 각 웹 사이트에 어떻게 연결할 수 있습니까?

Answer 1

아이콘이 수를 클릭하려면 몇 가지 문제를 해결해야합니다. 우선 모든 아이콘이 실제로 연결되어 있지 않습니다. 클래스에서 정의 된 속성 .social-btn

아이콘을 클릭 할 수있게하려면이 접근 방식을 따라야합니다. 을 볼 수 있습니다. 당신이 당신의 HTML은 다음과 같이되어야 font-size:0

.social-btn a 
{ 
padding: 22px; 
font-size: 0; 
} 

변경해야 할 수도 a 태그 안에 더 나은 방법을 텍스트를 넣어.

<div class="social-btn pinterest"> 
<a href="http://www.pinterest.com/alinewbury/" title="pinterest">pinterest</a> 
</div> 

Answer 2

Div가 앵커 태그 안에 있어야합니다.

확인 앵커 태그 것은 usage