Using php and img for a link

OK I am lost on this one. This code does not validate:
<li><a href="javascript:void(rollpop=window.open('https://www.blogrolling.com/add_links_pop.phtml?u=https://uncooperativblogger.com&amp;t=The Uncooperative Blogger','rollit','scrollbars=no,width=475,height=350,left=75,top=175,status=yes,resizable=yes'));rollpop.focus();"><image src="/wp-images/blogroll-me-rg.png" alt="Blogroll Me!" /></a></li>
<li><a href="javascript:Transpose_Email('brianbonner90','gmail.com','About Uncooperative Blogger') "><image src="/wp-images/ub-email.png" alt="[Email Me!]" /></a></li>

This is in my side bar. It works fine, but it doesn’t validate.

Any help?