Klicken Sie nicht auf Link

Question

Ich habe ein Problem in Bezug auf das Klicken auf einen Link in einem Bild. Wie Sie im Code sehen können, habe ich einige Icons für Facebook, Twitter und Youtube auf meiner Seite bekommen und möchte sie mit dem Original verlinken. Aber wenn ich versuche, auf den Link zu klicken, funktioniert es nicht.

Ich habe einige Zeit mit diesem Problem zu kämpfen, kann mir bitte helfen.

<div id="content"> 
<div id="social_media"> 
    <img id='audio_img' src="img/fb.png" href="https://www.facebook.com 
    /fcbarcelona" alt='Facebook' title='Facebook' width='35' height='35'> 
    <img id='audio_img' src="img/twiiter.png" href="https://twitter.com 
    /FCBarcelona" alt='Twitter' title='Twitter' width='35' height='35'> 
    <img id='audio_img' src="img/yt.png" href="https://www.youtube.com 
    /fcbarcelona" alt='Youtube' title='Youtube' width='35' height='35'> 
</div> 

#social_media{ 
position:fixed; 
margin-left:18px; 
margin-top:43px; 
    } 

#social_media img { 
display: block; 
margin-top:5px; 
} 

Answer 1

Sie müssen das ganze Bild, indem man ein/a drum herum einen Link machen

<a href="https://www.facebook.com/fcbarcelona"> 
    <img id='audio_img' src="img/fb.png" alt='Facebook' title='Facebook'width='35' height='35'> 
</a> 

Answer 2

<a href="https://www.facebook.com/fcbarcelona"> 
<img id='audio_img' src="img/fb.png"> alt='Facebook' title='Facebook' width='35' height='35'> </a> 

Answer 3

Sie können eine ohne Bild nur ein Element verwenden:

CSS: 
a{text-decoration: none;} 
.fb{background-image: url('fb.png') no-repeat; background-size: 35px 35px;} 
.yt{background-image: url('yt.png') no-repeat; background-size: 35px 35px;} 
.tw{background-image: url('tw.png') no-repeat; background-size: 35px 35px;} 
HTML: 
<a class="fb"></a> 
<a class="tw"></a> 
<a class="yt"></a>