Якорная бирка на изображении не работает

Question

Я проектирую веб-страницу, чтобы включить facebook, twitter ссылки на мой профиль. У меня есть это.

<div> 
    <a href="https://www.facebook.com/xyz"> 
     <img src="../images/facebook.gif> 
    </a> 
</div> 

И стиль для него является

<style> 
    img 
    { 
     height:16px; 
     width:16px; 
    } 
</style> 

Когда я запускаю его, это то, что я получаю

function AjaxRequest(url) { 
    var http_request = false; 
    if (window.XMLHttpRequest) { //   Mozilla, Safari,... 
     http_request = new XMLHttpRequest(); 
     if (http_request.overrideMimeType) { 
      http_request.overrideMimeType('text/xml'); // See note below about this line 
     } 
    } else if (window.ActiveXObject) { // IE //isIE=true; 
     try { 
      http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
     } catch (e) { 
      try { 
       http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
      } catch (e) {} 
     } 
    } 
    if (!http_request) { 
     alert('Giving up :(Cannot create an XMLHTTP instance'); 
     return false; 
    } 
    http_request.onreadystatechange = function() { 
     showhtmlpageContents(http_request); 
    }; 
    http_request.open('GET', url, true); 
    http_request.send(null); 
    setTimeout("AjaxRequest('ups.jsp')", 5000); 
} 
function showhtmlpageContents(http_request) { 
    if (http_request.readyState == 4) { 
     if (http_request.status == 200 || window.location.href.indexOf("http") == -1) { 
      document.body.innerHTML = http_request.responseText; 
      if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) document.body.innerHTML = http_request.responseText; 
     } else { 
      document.body.innerHTML = http_request.responseText; //alert('There was a problem with the request.'); 
     } 
    } 
} 

Answer 1

<img src="../images/facebook.gif"> 

Котировки отсутствовали.

<div> 
    <a href="https://www.facebook.com/xyz"> 
     <img src="../images/facebook.gif"> 
    </a> 
</div> 

CSS

<style> 
    img 
    { 
     height:16px; 
     width:16px; 
    } 
</style> 

Answer 2

Попробуйте это.

<a href = "https://www.facebook.com/xyz"> 
    <img src="../images/facebook.gif"> 
</a> 

Css:

<style> 
    img{ 
    height:16px; 
    width:16px; 
    } 
</style> 

Answer 3

Попробуйте это:

<div> 
<a href="https://www.facebook.com/xyz"><img src="../images/facebook.gif"></a> 
</div> 

<style> 
img { height: 16px; width: 16px; } 
</style> 

Answer 4

Попробуйте как этот

<a style="display:block; href ="https://www.facebook.com/xyz"> 
     <img src = "../images/facebook.gif"> 
    </a>