Following the excellent advice of WPyogi here
http://wordpress.org/support/topic/adding-social-media-icons-to-the-header
I added icons for facebook and twitter to my wordpress site
http://www.conservationontheedge.com
The problem is that the hyperlinks associated with the images are not working.
The following code was inserted directly into the header (using the "insert header and footer plugin"):
<div style="float:right; margin-right: 200px; margin-top: 25px;">
<a href="https://www.facebook.com/conservationontheedge"/wp-content/uploads/2014/02/facebook-75x75.png" target="_blank" /><img src="http://www.conservationontheedge.com/wp-content/uploads/2014/02/facebook-75x75.png" alt="facebook logo" /></a><a href="https://twitter.com/C_O_T_E" target="_blank"><img src="http://www.conservationontheedge.com/wp-content/uploads/2014/02/twitter-75x75.png" alt="twitter logo" /></a>
</div>What is odd is that the hyperlinks work if I do not set the margins. i.e.
<div style="float:right;">
<HYPERLINK AND IMAGE FILE>
</div>Does anyone know why adjusting the margins to bring the images within the border of the website (see http://www.conservationontheedge.com) would stop the hyperlinks working?
Is there some small edit needed to the CSS? I have no idea! Any help would be most appreciated.
Thanks