CSS фоновое изображение для панели навигации не появляется - PullRequest
Новая
       8

CSS фоновое изображение для панели навигации не появляется

0 голосов
/ 11 мая 2009

По сути, я хочу создать панель навигации, в которой текущая или активная вкладка панели навигации будет иметь фоновое изображение округлой вкладки. Но это изображение, кажется, не появляется. Я поместил изображение в часть кода #navbar .active a ниже: 

<html>
<head>

<style type="text/css">
#menubar {
    width: 800px;
    height: 40px;
    background:url(../Images/menubar%20copy.jpg);
}
#navbarwrap {
    width: 580px;
    height: 40px;
    margin-left: 16px;
}
#navbar {
    width: 580px;
    height: 40px;
    margin-left: 16px;
}
ul  {
    float:left;
    width:100%;
    padding:0;
    margin:0;   
    list-style-type:none;
    white-space: nowrap;
}
li  {
    float:left;
    width: 94px;
    height: 40px;
    text-decoration:none;
    color:white;
    text-align: center;
    display:inline;
}
a   {
    color: #FFFFFF;
    text-decoration: none;
}
#navbar .active a{
    color: #000000;
    background: url(../Images/tab%20copy.gif) no-repeat;
}
</style>

</head>

    <body>
    <div id="menubar">
        <div id="navbarwrap">
        <div id="navbar">
            <ul>
            <li class="active"><a href="...">Link one</a></li>
            <li><a href="...">Link two</a></li>
            <li><a href="...">Link three</a></li>
            <li><a href="...">Link four</a></li>
            </ul>
        </div>
            </div>
    </div>

    </body>
    </html>

Ответы [ 4 ]

1 голос
/ 11 мая 2009

Без изображения ваш код работает. Так что это может быть просто проблема пути к изображению.

0 голосов
/ 18 февраля 2013

Сначала вам нужно будет проверить папку с изображениями, иначе

это также может работать 

#navbar.active a{
   color: #000000;
   background: url(../Images/tab%20copy.gif) no-repeat;
  }
0 голосов
/ 12 мая 2009

Работает ли изображение в #menubar? Если это не так, это, вероятно, просто ошибка пути.

Вы уверены, что ваша папка "Изображения" расположена на одну папку выше страницы, над которой вы работаете? Поскольку остальная часть кода работает, за исключением изображений, я могу только представить, что это ошибка, вызванная неверным путем.

0 голосов
/ 11 мая 2009

Вы проверили пути к файлам?

Как я понял, ваш файл находится в подкаталоге «Images»

т.е.

http://host/subdir/menu.html будет искать изображение как http://host/Images/tab%20copy.gif

Кроме того, вы должны проверить дело. Большинство веб-серверов различают Images и images

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...