html - メニューの下の背景

Question

私のクライアントは、上部のナビゲーション バーの下に黒い背景を配置したいと考えています。それは http://seasonlawn.com/CellularSolutionsHTML/catalog.htmlにあり ます。CSSでこれをコーディングする方法を教えてください。

Answer 1

ファイルをテキスト エディターで開き、default.css次のコードを変更します。

#headertop {
    width: 100%;
    min-width: 1130px;
    padding-bottom: 7px;
    background: url("../images/topnav-rep.png") repeat-x left top transparent;
    height: 32px;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    border-top: 1px solid grey;
    margin-top: -1px;
}

に

#headertop {
    width: 100%;
    min-width: 1130px;
    padding-bottom: 7px;
    background: #000000;
    height: 32px;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    border-top: 1px solid grey;
    margin-top: -1px;
}

現在、問題は../images/topnav-rep.png画像にアクセスできないことです。上記の行では、画像を削除し、#headertop要素の背景色を黒 (16 進数 -> #000000) にしています。

Answer 2

問題は、( に) 含めた画像が含まれていないか.categorymenus ul、読み込みに失敗していることです。firebugを訴えて確認することができます

あなたがする必要があるのは、適切なパスを含めることです。他はすべて問題ありません

ロードに失敗した画像もたくさんあります

Answer 3

<div class="categorymenus" style="display: block;background: url("http://www.lacovachamiami.com/images/layout/lightBackgound.png") repeat ;">

Answer 4

このクラスに背景色を追加します

#main-nav .categorymenus{background-color:#000;}
.categorymenus ul{here background image failed to load check this once}