Помогите с кодом
-
Помогите пожалуйста правильно прописать код.
Я создал дополнительный виджет. В нем находится фон (школьная доска). При наведении курсора a:hover должна появлятся обводка (типа мелом) Скрин
В Firebug показывает, а на сайте нет. Или я совсем не правильно код прописал (скорее всего)
Это сайт
Это HTML разметка:<div id="nav-but"> <ul class="staticb"> <li class="primul"> <a href="#"></a> </li> <li class="doi"> <a href="#"></a> </li> <li class="trei"> <a href="#"></a> </li> </ul> </div>
Это CSS:
#nav-but { display: block; margin-bottom: 130px !important; position: relative; margin-top: -15px !important; /*- поднимает -*/ z-index: 1; } #nav-but ul.staticb li { display: inline; list-style-image: none; list-style-position: outside; list-style-type: none; } #nav-but ul.staticb { margin-bottom: 10px; margin-top: 0px; padding-left: 0; } #nav-but ul.staticb li.primul a { position: relative; background-color: transparent; background-image: url("http://kompcenter.net.ua/images/bg_but2_bg.jpg"); background-position: left top; background-repeat: no-repeat; background-position: 15px 0px; display: block; width: 1000px; height: 260px; margin-left: 0; z-index: 0; } #nav-but ul.staticb li.doi a { background-position: 0 0px; background-repeat: no-repeat; display: block; margin-left: 110px; margin-top: -250px; position: relative; text-indent: -9999px; color: #ffffff; width: 0px; height: 6px; z-index:5; } #nav-but ul.staticb li.doi a:hover { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("http://kompcenter.net.ua/images/doska_menu_ege.gif"); background-origin: padding-box; background-position: 0 0px; background-repeat: no-repeat; display: block; margin-left: 110px; margin-top: -250px; position: relative; text-indent: -9999px; width: 300px; height: 66px; z-index:5; }
Просмотр 4 ответов — с 1 по 4 (всего 4)
Просмотр 4 ответов — с 1 по 4 (всего 4)
- Тема «Помогите с кодом» закрыта для новых ответов.