Недостаток меню навигационного меню

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

HTML:

</head> 
<body> 
    <div id="header"> 
     <ul> 
      <li><a href="index.html" class="logo"></a></li> 
      <li><a href="index.html" class="home"></a></li> 
      <li><a href="Sugestology.html" class="sugestology"></a></li> 
      <li><a href="TheCreator.html" class="creator"></a></li> 
      <li><a href="InBulgaria.html" class="inbulgaria"></a></li> 
      <li><a href="Contacts.html" class="contacts" ></a></li> 
     </ul> 
    </div>

CSS :

#header { 
    position: fixed; 
    top: 0; 
    height: 80 px; 
    width:100%; 
    z-index:500; 
} 
#header ul { 
    padding-left: 0; 
    height: 80px; 
} 
#header li { 
    list-style: none; 
    float: left; 
    height: 80px; 
    width: 16.6%; 
} 
#header li a { 
    display: inline-block; 
    width: 100%; 
    height: 80px; 
    background-size: cover; 
} 
ul#header li a.logo {background: url("C:\Users\N\Desktop\Sugestology\nav_01.jpg") no-repeat 0 0} 
ul#header li a.home {background: url("C:\Users\N\Desktop\Sugestology\nav_02.jpg") no-repeat 0 0} 
ul#header li a.sugestology  {background:url("C:\Users\N\Desktop\Sugestology\nav_03.jpg") no-repeat 0 0} 
ul#header li a.creator {background: url("C:\Users\N\Desktop\Sugestology\nav_04.jpg") no-repeat 0 0} 
ul#header li a.inbulgaria {background: url("C:\Users\N\Desktop\Sugestology\nav_05.jpg") no-repeat 0 0} 
ul#header li a.contacts {background: url("C:\Users\N\Desktop\Sugestology\nav_06.jpg") no-repeat 0 0}

Я пробовал несколько способов связать изображения, хотя они находятся в папке sam как файл css и html-файл))

источник

2014-01-23 Nika

Вам не нужны абсолютные пути к изображениям. Как структурирована ваша папка, чтобы мы могли видеть, где образы относятся к файлу css? –

Ну, как я сказал, они находятся в одной папке, я имею в виду, что нет папки с изображениями и т. Д. ... может быть проблема в этом? – Nika

Если они находятся в одной папке, вам просто нужно ссылаться на файл изображения как url ("nav_01.jpg"); и т. д. Я бы посоветовал вам создать папку для изображений, но –

Удалите абсолютные пути из ваших изображений. Вместо этого (в предположении, что все находится в той же папке, что и на ваш вопрос):

ul#header li a.logo {background: url("nav_01.jpg") no-repeat 0 0} 
ul#header li a.home {background: url("nav_02.jpg") no-repeat 0 0} 
ul#header li a.sugestology {background:url("nav_03.jpg") no-repeat 0 0} 
ul#header li a.creator {background: url("nav_04.jpg") no-repeat 0 0} 
ul#header li a.inbulgaria {background: url("nav_05.jpg") no-repeat 0 0} 
ul#header li a.contacts {background: url("nav_06.jpg") no-repeat 0 0}

Я хотел бы также посоветовать положить изображения в отдельную папку, а не - помогает аккуратные вещи вверх!

Update:

Вы также используете ul#header в вашем CSS, но вы не имеете UL с идентификатором «заголовка». У вас есть только «заголовок» в div, поэтому вам нужно изменить свой CSS, чтобы использовать другой идентификатор в UL. В качестве альтернативы измените свой CSS следующим образом:

#header ul li a.logo {background: url("nav_01.jpg") no-repeat 0 0} 
#header ul li a.home {background: url("nav_02.jpg") no-repeat 0 0} 
#header ul li a.sugestology {background:url("nav_03.jpg") no-repeat 0 0} 
#header ul li a.creator {background: url("nav_04.jpg") no-repeat 0 0} 
#header ul li a.inbulgaria {background: url("nav_05.jpg") no-repeat 0 0} 
#header ul li a.contacts {background: url("nav_06.jpg") no-repeat 0 0}

источник

2014-01-23 09:42:34 wickywills

Ничего еще не видно .... – Nika

@Nika: Вы пытались установить цвет фона вместо того, чтобы использовать изображения? Что происходит тогда? – wickywills

Я просто попробовал, что это так, ничего не появляется – Nika

Недостаток меню навигационного меню

ответ

Смежные вопросы