2013-08-31 84 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等網站上設置事物不僅可以幫助其他人解決您的問題,還可以讓您有機會重做已經完成的任務並捕獲小錯誤(如此類錯誤)。