2016-05-16 36 views
1

我搜索了論壇,但無法找到確切的問題。Bootstrap - 在頂欄顯示圖片

我在模板上使用bootstrap,我試圖在頂欄('topbar' - 不是導航欄)中添加一個圖像。

出於某種原因,圖像從不顯示。

下面的代碼(所有的休息,除了像工作正常):

<section id="topbar"> 
<div class="container"> 
    <div class="row"> 
     <div class="col-sm-12 topbar-base no-padding"> 
      <!--Top Bar Block--> 
      <div class="col-sm-8 col-md-6 topbar-block left text-left"> 
       <ul> 
        <li><i class="fa fa-clock-o"></i>Mon - Sat: 09.00 - 19.00</li> 
        <li>Company inc.</li> 
        <li>**<img src="flag.png" alt="" height="27px" />**</li> 
        <li><a href="tel:+1 929 425 3919"><i class="fa fa-phone"></i>+1 929 425 3919</a> </li> 
        <li><a href="mailto:[email protected]"><i class="fa fa-envelope"></i>[email protected]</a> </li> 
       </ul> 
      </div> 
      <!--Top Bar block--> 
      <div class="col-sm-4 col-md-4 col-md-offset-2 topbar-block text-right"> 
       <ul class="social"> 
        <li><a href="#"><i class="fa fa-facebook"></i> </a> </li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

非常感謝你提前。我嘗試了很多東西,但似乎無法讓它起作用。

大加讚賞, 蘭斯

+0

呃......你在說哪個圖片?國旗圖像?或者你是否試圖向該元素添加背景圖片? – Serlite

+0

確實是國旗圖片。 –

+0

與代碼的一切都很好......我用我自己的圖像在我的服務器上測試,它的工作原理,檢查圖像的目錄,因爲Matmik說,也許文件的擴展是不同的,你確定是.PNG? –

回答

0

img標籤「頂欄塊」被引用在同一個目錄中的圖像「flag.png」作爲.html文件在裏面。所以請確保圖像位於同一個文件夾中。代碼似乎正確否則。

+0

謝謝,就是這樣,多麼傻!非常感激! –

+0

沒問題,很高興你的工作! – matmik

1

這可能是因爲圖像的高度屬性值爲27px。它應該只是27

html5 specification

的屬性,如果指定,必須是有效非負整數值。

順便說一句,這應該最好存儲在一個CSS文件。

還有其他錯誤,如href屬性href="tel:+1 929 425 3919"這是無效的。使用html validator擺脫這些錯誤。

+0

謝謝你的回答,但絕對沒有改變。圖像只是不出現。 –

+0

在你的html文件的相同位置有一個有效的'flag.png'圖像文件嗎?控制檯日誌說什麼? –