Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Выпадающее меню в шаблоне, как срастить?

Выпадающее меню в шаблоне, как срастить?


     10.11.2014    Все вопросы » Стили (CSS)    3299

вопрос
Скачал шаблон, на скриншотах изображено что у него есть выпадающее меню, на деле же его не оказалось, в стилях оно прописано а в самом меню - нет. Не поможете срастить куски кода? Просто вообще не могу догнать как это сделать???

.top-menu-block ul{
                    margin: 0;
                    padding: 0;
                    position: relative;
                    z-index: 99;
                }
                
                    .top-menu-block li{
                        list-style-type: none;
                        float: left;
                        position: relative;
                        height: 50px;
                        z-index: 99;
                    }
                
                
                .hidden-menu-block{
                    display: none;
                    text-align: left;
                    position: absolute;
                    top: 50px;
                    left: 0px;
                    width: 178px;
                    z-index: 90;
                }
                        
                    .hidden-menu-link{
                        display: block;
                        font-size: 14px;
                        color: #000;
                        line-height: 16px;
                        padding: 3px 0 3px 15px;
                        margin: 0 14px;
                        width: 135px;
                        position: relative;
                        z-index: 90;
                        background: #fff;
                    }

                        .hidden-menu-link:hover{
                            background: url(../images/zvezda-menu.png) left center no-repeat;
                        }
                
                .hidden-menu-top{
                    background: url(../images/hidden-menu-top.png) 0 top no-repeat;
                    height: 21px;
                }
                
                .hidden-menu-repeat{
                    background: url(../images/hidden-menu-repeat.png) 0 0 repeat-y;
                }
                
                .hidden-menu-bottom{
                    background: url(../images/hidden-menu-bottom.png) 0 bottom no-repeat;
                    height: 10px;
                }


<div class="topmenu-block">
            <div class="main">
                <div class="top-menu-block">
                    <ul>                            
                        <li>
                            <a href="/fasion/" class="menu-link">Мода</a>
                            
                        </li>
                        <li>
                            <a href="/dom/" class="menu-link">Дом</a>
                                
                        </li>
                        <li>
                            <a href="/zdorove/" class="menu-link">Здоровье</a>
                                
                        </li>
                        <li>
                            <a href="/otnosheniya/" class="menu-link">Отношения</a>
                        </li>
                        <li>
                            <a href="/biznes/" class="menu-link">Бизнес</a>
                        </li>
                        <li>
                            <a href="/deti/" class="menu-link">Дети</a>
                        </li>
                        <li>
                            <a href="/krasota/" class="menu-link">Красота</a>
                        </li>
                        <li>
                            <a href="/seks/" class="menu-link">Секс</a>
                        </li>
                        
                        <div style="clear: both;"></div>
                    </ul>
                </div>
            </div>
        </div>

Ответа пока нет


4 комментария

maestron
Юзер

maestron - 11 ноября 2014 13:35 -

Попробуйте так
<ul class="topnav">

<li><a href="#">Видеонаблюдение</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/komplekty-videonablyudeniya/">Комплекты видеонаблюдения</a></li>

<li><a href="#">Видеорегистраторы</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/videoregistratory/analogovie-registratory/">Аналоговые видеорегистраторы</a></li>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/videoregistratory/ip-registratory/">IP-видеорегистраторы</a></li>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/videoregistratory/gibridnye-videoregistratory/">Гибридные видеорегистраторы</a></li>
</ul>
<li><a href="#">Аналоговые видеокамеры</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/analogovye-videokamery/vnytrennie-videokamery/">Внутренние видеокамеры</a></li>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/analogovye-videokamery/naryzhnye-videokamery/">Наружные видеокамеры</a></li>
</ul>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/ip-kamery/">IP-камеры</a></li>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/ik-podsetka/">ИК-подсетка</a></li>
<li><a href="http://bezpeka-store.in.ua/bloki-pitaniya/">Блоки питания</a></li>
<li><a href="http://bezpeka-store.in.ua/videonablyudenie/dopolnitelnoe-oborudovanie-videonablyudenie-kupit-/">Дополнительное оборудование</a>
</ul>
</li>
<li><a href="#">Домофоны</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/domofony/komplekty-videodomofonov/">Комплекты видеодомофонов</a></li>
<li><a href="http://bezpeka-store.in.ua/domofony/komplekty-audiodomofonov/">Комплекты аудиодомофонов</a></li>
<li><a href="http://bezpeka-store.in.ua/domofony/vyzovnye-paneli/">Вызовные панели</a></li>
<ul>
<li><a href="http://bezpeka-store.in.ua/domofony/domofony-commax/">Домофоны Commax</a></li>
<li><a href="http://bezpeka-store.in.ua/domofony/videodomofony/domofony-slinex/">Домофоны Slinex</a></li>
</ul>
<li><a href="http://bezpeka-store.in.ua/elektrozamki/">Электрозамки</a></li>
<li><a href="http://bezpeka-store.in.ua/domofony/domofony-vizit/">Домофоны VIZIT</a></li>
<li><a href="http://bezpeka-store.in.ua/bloki-pitaniya/">Блоки питания</a>
<li><a href="http://bezpeka-store.in.ua/domofony/dopolnitelnoe-oborydovanie/">Дополнительное оборудование</a></li>
</ul>
</li>
<li><a href="#">Проводная сигнализация</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/gsm-dozvonschiki/">GSM-дозвонщики</a></li>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/komplekty-dlya-samostoyatelnoi-ystanovki/">Комплекты для самостоятельной установки</a></li>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/centrali-pcn/">Централи ПЦН</a></li>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/datchiki/">Датчики</a></li>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/sireny/">Сирены</a></li>
<li><a href="http://bezpeka-store.in.ua/bloki-pitaniya/">Блоки питания</a></li>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/dopolnitelnoe-oborydovanie-alarm/">Дополнительное оборудование</a>
</ul>
</li>
<li><a href="#">Безпроводная сигнализация</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/komplekty-besprovodnoi-signalizacii/">Комплекты безпроводной сигнализации</a></li>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/bezprovodnaya-signalizaciya/bezprovodnie-datchiki/">Безпроводные датчики</a></li>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/bezprovodnaya-signalizaciya/syreni-klaviatyri/">Сирены,клавиатуры</a></li>
<li><a href="http://bezpeka-store.in.ua/ohrannaya-signalizaciya/bezprovodnaya-signalizaciya/dopolnitelnoe-oborydovanie-alarm-b-p/">Дополнительное оборудование</a></li>
</ul>
</li>
<li><a href="#">Контроль доступа</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/kontrol-dostupa/kontrollery-dostupa/">Контроллеры доступа</a></li>
<li><a href="http://bezpeka-store.in.ua/elektrozamki/">Электрозамки</a></li>
<li><a href="http://bezpeka-store.in.ua/kontrol-dostupa/kodovye-klaviatury/">Кодовые клавиатуры</a></li>
<li><a href="http://bezpeka-store.in.ua/kontrol-dostupa/schityvateli/">Считыватели</a></li>
<li><a href="http://bezpeka-store.in.ua/kontrol-dostupa/kluchikartiknopki-vyhoda/">Ключи,кнопки выхода</a></li>
<li><a href="http://bezpeka-store.in.ua/bloki-pitaniya/">Блоки питания</a></li>
<li><a href="http://bezpeka-store.in.ua/kontrol-dostupa/dopolnitelnoe-oborydovanie-skyd/">Дополнительное оборудование</a>
</ul>
</li>
<li><a href="#">Освещение</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/osveschenie/led-osveschenie/">LED-освещение</a></li>
<li><a href="http://bezpeka-store.in.ua/osveschenie/ik-podsvetka/">ИК-подсветка</a></li>
<li><a href="http://bezpeka-store.in.ua/bloki-pitaniya/">Блоки питания</a></li>
<li><a href="http://bezpeka-store.in.ua/kabel/">Кабель</a></li>
<li><a href="http://bezpeka-store.in.ua/osveschenie/dopolnitelnoe-oborydovanie-led/">Дополнительное оборудование</a>
</ul>
</li>
<li><a href="#">Аксессуары</a>
<ul>
<li><a href="http://bezpeka-store.in.ua/aksessuary/instrument/">Инструмент</a></li>
<li><a href="http://bezpeka-store.in.ua/aksessuary/krepezhnye-materialy/">Крепёжные материалы</a></li>
<li><a href="http://bezpeka-store.in.ua/aksessuary/gofroshlang-korob/">Гофрошланг, короб</a></li>
</ul>
</li>
<li><a href="http://bezpeka-store.in.ua/bloki-pitaniya/">Блоки питания</a></li>
</li>
<li><a href="http://bezpeka-store.in.ua/kabel/">Кабель</a></li>
</ul>

Morse
Юзер

Morse - 24 ноября 2014 16:38 -

Тоже интересует. Весь день мучаюсь. Решили проблему ?

jekonya
Юзер

jekonya - 27 ноября 2014 11:06 -

Не-а. :(

Morse
Юзер

Morse - 30 ноября 2014 02:16 -

я уже запарился.... Люди, помогите, а ? Тут же есть верстальщики, 100% знают)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх