How to embed images with blocks 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 

&lt;div class="topsection"&gt;
    &lt;div class="wrapper"&gt;
      &lt;div class="topleftsection"&gt;
        &lt;div class="socialmediaimage"&gt;&lt;a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','sites/all/themes/custom/themename/images/facebook_top_hover.png',1)"&gt;&lt;img src="sites/all/themes/custom/themename/images/facebook_top.png" alt="Facebook" width="18" height="18" id="Image2" border="0" title="Facebook"&gt;&lt;/a&gt;&lt;/div&gt;
        &lt;div class="socialmediaimage"&gt;&lt;a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','sites/all/themes/custom/themename/images/twitter_top_hover.png',1)"&gt;&lt;img src="sites/all/themes/custom/themename/images/twitter_top.png" alt="Twitter" width="18" height="18" id="Image3" border="0" title="Twitter"&gt;&lt;/a&gt;&lt;/div&gt;
        &lt;div class="socialmediaimage"&gt;&lt;a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','sites/all/themes/custom/themename/images/gplus_top_hover.png',1)"&gt;&lt;img src="sites/all/themes/custom/themename/images/gplus_top.png" alt="Gplus" width="18" height="18" id="Image4" border="0" title="Gplus"&gt;&lt;/a&gt;&lt;/div&gt;
        &lt;div class="socialmediaimage"&gt;&lt;a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','sites/all/themes/custom/themename/images/linkedin_top_hover.png',1)"&gt;&lt;img src="sites/all/themes/custom/themename/images/linkedin_top.png" alt="Linkedin" width="18" height="18" id="Image5" border="0" title="Linkedin"&gt;&lt;/a&gt;&lt;/div&gt;
        &lt;div class="socialmediaimage"&gt;&lt;a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','sites/all/themes/custom/themename/images/skype_hover.png',1)"&gt;&lt;img src="sites/all/themes/custom/themename/images/skype.png" alt="Skype" width="18" height="18" id="Image6" border="0" title="FourBends"&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="toprightsection"&gt;
        &lt;div class="emailsection"&gt;
          &lt;div class="email"&gt;Email :&lt;/div&gt;
          &lt;div class="contacus"&gt;&lt;a href="mailto:contactus@xxx.com"&gt;contactus@xxx.com&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="countrysection"&gt;
          &lt;select name="Country" class="countrylist"&gt;
            &lt;option&gt;India&lt;/option&gt;
            &lt;option&gt;USA&lt;/option&gt;
          &lt;/select&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;


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
The image links are the problem here, I think. The images are shown on the front page but aren't shown on other pages. So, on the front page it understands the image link (by adding the http://localhost/ in front of the image link you gave) but on the other pages, for example on http://localhost/node/3 it tries to show an image from http://localhost/node/3/sites/all/themes/custom/themename/images/facebook_top.png but there is no image on this address.

Therefore, use the full link (http://localhost/sites/all/themes/custom/themename/images/facebook_top.png etc).