see example here http://jsbin.com/elesa
code
<p>
<a target="_blank" href="#" title="Download PDF, 58KB, opens in a new window">
<img width="150" height="50" border="0" src="http://sstatic.net/so/img/logo.png" alt=""/>
</a>
</p>
see example here http://jsbin.com/elesa
code
<p>
<a target="_blank" href="#" title="Download PDF, 58KB, opens in a new window">
<img width="150" height="50" border="0" src="http://sstatic.net/so/img/logo.png" alt=""/>
</a>
</p>
Browsers give presedence to the title
and the alt
differently. The safest method to achieve the proper results is to supply the same title on both the title
and the alt
tag of the image. For example:
<a target="_blank" href="#" title="Download PDF, 58KB, opens in a new window">
<img width="150" height="50" border="0" src="http://sstatic.net/so/img/logo.png"
alt="Download PDF, 58KB, opens in a new window"/>
</a>