Widget Navigation

Could you please help me put these into my widget Navigation and if you could the other navigation bar at the top of the page.

for the widget

<a href="link to the page"><img src="link to image"></a><br />

change "link to page" with the url for the page the image will navigate to

change "link to image" to the url of the image for that link

<br / > make a new line so they appear in a list


example

Code:


<a href="/music"><img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/musicbutton_zps6f1d3a8d.png"></a><br />
<a href="/results"><img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/testieresults_zps3405cc71.png"></a><br />
<a href="/profile"><img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/profilebutton_zps5afb6b47.png"></a><br />

I tried to do the rest of the pictures but they wont show up.

Code:

<a href="/home"><img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/homebutton_zps70ee45db.png"></a><br />
<a href="/train"><img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/trainingroombutton_zpsc8f2beb6.png"></a><br />
<a href="/rules"><img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/rulesbutton_zps018bcdf1.png"></a><br />

Thank you!