Converting images into links by adding the web address in Dreamweaver seems like a straightforward task. The code structure should resemble this:
<div id="fb">
<a href="http://www.facebook.com">
<img src="graphics/social graphics/facebook.gif" width="31" height="31" alt="Facebook Logo" />
</a>
</div>
However, upon previewing in the browser, only the bottom part of the image turns into a link instead of the entire image. Hovering over the image reveals that only the very bottom is clickable. Any insights on why this behavior occurs would be greatly appreciated! Thank you!
@charset "UTF-8";
* {
margin: 0px;
padding: 0px;
}
<!-- Remaining CSS code has been omitted -->
#social a img {
border-width: 0px;
}
You can view my complete CSS file for the site here on jsfiddle