2013-08-31 41 views
0

虽然我试图在我的页脚上打字并在Firefox中检查它,但是我遇到了一个错误,那就是facebook等图标没有显示出来。这是示例页脚html代码。页脚没有显示图像

<div id="footer"> 
     <div id="footer_content"> 
      <div id="footer_left">  
       <!-- JP Morgan && Force For Good Signature --> 
       <div id="jp_right_content_main"> 
        <div id="jp_right_content_inner1"> 
         <font color="#FFFFFF" size="4" font-family="Times New Roman">In Assocaition with:</font> <br /> <img 
          class="header-photo" width="280" height="70" alt="JPM Logo" 
          src="images/Logo_JPM.jpg"></img> 
         <h1 class="header11"> 
          <font color="#ED872D">Force</font> <font color="white">For</font> <font 
           color="green">Good</font> 
         </h1> 
        </div>    
       <div id="right_content_inner2"> 
        <img src="images/partner_pic.png" width="130" height="130" /> 
       </div>     
      </div> 
      </div> 
      <div id="footer_right"> 
       <a href="http://www.facebook.com/Unitedwaymumbai" target="_new"><img 
        src="United%20Way%20Mumbai%20--%20about_us_files/facebook.gif" 
        height="27" width="16"></a><a 
        href="http://www.youtube.com/unitedwaymumbai" target="_new"><img 
        src="United%20Way%20Mumbai%20--%20about_us_files/youtube.gif" 
        height="27" width="34"></a><a 
        href="http://www.linkedin.com/company/united-way-of-mumbai" 
        target="_new"><img 
        src="United%20Way%20Mumbai%20--%20about_us_files/linkdin.gif" 
        height="27" width="26"></a><a 
        href="http://twitter.com/mumbaihelpline" target="_new"><img 
        src="United%20Way%20Mumbai%20--%20about_us_files/tweeter.gif" 
        height="27" width="32"></a><br> 

        <p class="text7"> 
        Copyright United Way Mumbai & J.P.MORGAN SERVICS INDIA PVT LTD. All 
        Rights Reserved. <a href="sitemap.htm"><span class="text8">Sitemap</span> 
        </a>Page Designing By <a href="http://www.force4g.com" 
         target="_blank" class="text8">FORCE FOR GOOD | TEAM : T.U.R.C.S</a>. 
       </p> 
       <div id="contact_text" class="header5">Contact: 022-24937676/79 
         or Email: [email protected]</div> 
      </div> 
     </div> 
    </div> 

及其相应的CSS:

#footer{width:100%; height:auto; border:0px solid black; float:left; background:url('../images/footer_bg.gif') repeat-x;} 
#footer_content {width:959px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:30px } 
#footer_left {width:491px; float:left; margin-top:16px; margin-bottom:25px; } 
#footer_right {width:468px; float:left; margin-top:16px; } 
#jp_right_content_main { height:159px; width:468px; float:left; margin:0; padding:0; background-image:url(../images/partner_bg.png); background-repeat:no-repeat} 
#jp_right_content_inner1 {width:311px; height:127px; margin-left:27px; float:left; margin-top:5px;} 

的Facebook,微博等PNG图像没有显示出来。

任何帮助将被appericiated。

问候, 维韦克

+1

您能设置一个[JSFiddle](http://jsfiddle.net/)吗? –

+0

对不起,但我不知道如何将图像放在那里...因为这主要与图像有关。 – Vivek

+1

您可以将图像src属性更改为完整的网址而不是部分网址吗? –

回答

0

而且这个故事的寓意是:确保您的图像正确连接。

并且为了将来的参考,在JS fiddle等网站上设置事物不仅可以帮助其他人解决您的问题,还可以让您有机会重做已经完成的任务并捕获小错误(如此类错误)。