CSS導航口音背景圖像不工作

我已經通過幾個計算器上的問題，看了看，還沒有找到......一個谷歌搜索是無用的，以及答案....CSS導航口音背景圖像不工作

這裏是我的CSS：

#nav { 
    text-align:center; 
    display: block; 
    background-image: url(lines.png); 
    background-repeat: repeat-x; 
    font-family: Gabrielle; 
    text-decoration: none; 
}

最常見的問題是文件是否在正確的文件夾 - 我向你保證。這個網站不是直播，我只從本地文件到目前爲止。

這裏是伴隨HTML：

<div id="nav"> 
<ul> 
    <li><a href="kitchen.html">Kitchen &amp; Bath</a></li> 
    <li><img src="nav-bullet.png"></li> 
    <li><a href="interior.html">Interior Design</a></li> 
    <li><img src="nav-bullet.png"></li> 
    <li><a href="graphic.html">Graphic Design</a></li> 
    <li><img src="nav-bullet.png"></li> 
    <li><a href="cad.html">Auto CAD</a></li> 
    <li><img src="nav-bullet.png"></li> 
    <li><a href="modeling.html">3D Modeling</a></li> 
</ul>

在情況下是有幫助莫名其妙。

我試圖在導航的任一側做出「重音線」，而且我不確定是否正確的做法。這是一個鏈接到「啓發」我的網站....你會看到，他們的導航任何一邊都有優雅的小線條。這些是我想要創造的。

http://www.tinkeringmonkey.com/

正如我所說的，也許我會約了錯誤的方式。任何建議，要麼使現有的代碼工作，或建議改進的方式來做到這一點將不勝感激。

來源

2012-08-09 Nikki

需要查看ul和li項目的CSS。你可能只是有浮動，所以'＃nav' div沒有高度。嘗試添加高度以查看是否顯示線條。 – Scott 2012-08-09 22:29:50

#nav ul li { \t display：inline; \t font-size：30px; \t text-decoration：none; } – Nikki 2012-08-09 23:11:53

您必須指定nav的高度。指定線條高度也是一個好主意，以便ul內的文字是垂直居中的。

#nav { 
    text-align:center; 
    display: block; 
    background-image: url(lines.png); 
    background-repeat: repeat-x; 
    font-family: Gabrielle; 
    text-decoration: none; 
    height: 20px; 
    line-height: 20px; 
}

來源

2012-08-09 22:30:04 wanovak

我嘗試添加高度和線高，並將導航文本向下推入正文，使其看起來比以前更糟，並且仍然無法顯示背景圖片。我應該注意到背景圖片和背景重複的兩行文字在＃內容div中很好。他們只是沒有在#nav div工作，我不知道爲什麼。 – Nikki 2012-08-09 23:17:33

嘗試增加的高度和寬度與#nav和報價到背景圖像：網址（）

#nav { 
text-align:center; 
display: block; 
background-image: url('./lines.png'); 
background-repeat: repeat-x; 
font-family: Gabrielle; 
text-decoration: none; 
}

也是雙重檢查文件名稱/類型和文件位置。如果在HTML文件所在的文件夾中有一個名爲「lines.png」的文件，上述解決方案應該可以工作。

來源

2012-08-09 23:04:12 NickTheGreat

我已經在我原來的文章中指定過文件位置正常。我試圖增加高度和線高度，並將導航文本向下推入機體，使其看起來比以前更糟，並且仍然無法顯示背景圖像。我應該注意到背景圖片和背景重複的兩行文字在＃內容div中很好。他們只是沒有在#nav div工作，我不知道爲什麼。 – Nikki 2012-08-09 23:17:15

CSS導航口音背景圖像不工作

回答

相關問題