Am newbie to Drupal this is my first question
i want to embed my images on the blocks body, so i tried below code to embed
<div class="topsection">
<div class="wrapper">
<div class="topleftsection">
<div class="socialmediaimage"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','sites/all/themes/custom/themename/images/facebook_top_hover.png',1)"><img src="sites/all/themes/custom/themename/images/facebook_top.png" alt="Facebook" width="18" height="18" id="Image2" border="0" title="Facebook"></a></div>
<div class="socialmediaimage"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','sites/all/themes/custom/themename/images/twitter_top_hover.png',1)"><img src="sites/all/themes/custom/themename/images/twitter_top.png" alt="Twitter" width="18" height="18" id="Image3" border="0" title="Twitter"></a></div>
<div class="socialmediaimage"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','sites/all/themes/custom/themename/images/gplus_top_hover.png',1)"><img src="sites/all/themes/custom/themename/images/gplus_top.png" alt="Gplus" width="18" height="18" id="Image4" border="0" title="Gplus"></a></div>
<div class="socialmediaimage"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','sites/all/themes/custom/themename/images/linkedin_top_hover.png',1)"><img src="sites/all/themes/custom/themename/images/linkedin_top.png" alt="Linkedin" width="18" height="18" id="Image5" border="0" title="Linkedin"></a></div>
<div class="socialmediaimage"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','sites/all/themes/custom/themename/images/skype_hover.png',1)"><img src="sites/all/themes/custom/themename/images/skype.png" alt="Skype" width="18" height="18" id="Image6" border="0" title="FourBends"></a></div>
</div>
<div class="toprightsection">
<div class="emailsection">
<div class="email">Email :</div>
<div class="contacus"><a href="mailto:[email protected]">[email protected]</a></div>
</div>
<div class="countrysection">
<select name="Country" class="countrylist">
<option>India</option>
<option>USA</option>
</select>
</div>
</div>
</div>
</div>
i having page.tpl and page--front.tpl in my custom theme, the images are only loading on page--front.tpl, please refer screenshot
But for other pages for example user login page the images are not loading, please screenshot 2
When i inspect with firebug on the image src the url added with the "user" ,this is the reason behind why the images are not loading
http://localhost/projects/drupal/dev/user/sites/all/themes/custom/themename/images/facebook_top.png