Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Модули » Горизонтальное выпадение меню DLE 10.1

Горизонтальное выпадение меню DLE 10.1


     26.06.2014    Общие вопросы, dle 10.1    Все вопросы » Модули    3794

вопрос
Ребята, помогите пожалуйста. Нужно сделать выпадающее меню. Буду очень признателен за помощь!
Само меню
        <div class="top-menu-block">
            <a href="/" class="top-menu-link">Главная</a>
            <a href="http://saintsquad.ru/forum/index.php" class="top-menu-link">Форум</a>
            <a href="http://saintsquad.ru/streams" class="top-menu-link">Streams</a>
            <a href="http://saintsquad.ru/youtube/" class="top-menu-link">Видео</a>
            <a href="http://saintsquad.ru/main" class="top-menu-link">Новости</a>
        </div>

CSS
        .top-menu-block{
            background: url(../images/top-menu-fon1.png) 0 0 repeat-x;
            height: 46px;
            padding: 0 0 0 14px;
            line-height: 46px;
        }
            
            .top-menu-link{
                display: block;
                float: left;
                margin: 9px 9px 0 0;
                background: url(../images/link-ser.png) 0 0 repeat-x;
                height: 28px;
                padding: 0 12px 0 14px;
                border-radius: 2px;
                web-kit-border-radius: 2px;
                moz-border-radius: 2px;
                font: bold 12px Arial;
                color: #fff;
                line-height: 28px;
                text-transform: uppercase;
            }
                
                .top-menu-link:hover{
                    background: url(../images/link-ser.png) 0 bottom repeat-x;
                }

11 комментариев

aqps
Юзер

aqps - 26 июня 2014 23:33 -

в ul запихнуть, не?
Так ты его никак не сделаешь

foJiG
Юзер

foJiG - 26 июня 2014 23:35 -

Можно поподробнее?) Был бы очень благодарен.

aqps
Юзер

aqps - 26 июня 2014 23:37 -

Ну для начала. у тебя кривая верстка. Не красиво делать
<div style="clear:both;">...</div>

правильней будет использовать clearfix, в интернете есть он
устанавливается следующим образом:
1. Закидываешь всё в css файл
2. Вставляешь div
<div class="clearfix">..</div>

А если нужно меню выпадающие, то делается через ul список.

Выбирай любое.

D0Gmatist
Юзер

D0Gmatist - 27 июня 2014 00:21 -

aqps, Вы что считаете использование clear правильным делом!?!?! .. Это 1-н из самых тупых и кривых тегов.

foJiG
Юзер

foJiG - 27 июня 2014 17:38 -


Спасибо, но есть еще небольшая проблема изображения закрывают ссылки (
CSS
https://yadi.sk/d/GwYNoPYyV7GyF

foJiG
Юзер

foJiG - 27 июня 2014 02:32 -

http://scriptsite.ru/article/show/1/ Может кто помочь переправить мои коды на выпадающие( Сам не очень сильно в этом разбираюсь (

foJiG
Юзер

foJiG - 27 июня 2014 15:42 -

Помогите пожалуйста, кто понимает как делать)

D0Gmatist
Юзер

D0Gmatist - 27 июня 2014 19:32 -

Обновил http://jsfiddle.net/D0Gmatist/JemdE/
вам требовался тег z-index: 1001;

foJiG
Юзер

foJiG - 28 июня 2014 23:42 -

del

foJiG
Юзер

foJiG - 28 июня 2014 23:43 -

Спасибо большое, очень сильно выручил. Не можешь еще подсказать как можно бакраунд добавить туда?) Ковырялся только код накосячил( :
background: url(../images/top-menu-fon1.png) 0 0 repeat-x;
И баграунд ссылок:
background: url(../images/link-ser.png) 0 0 repeat-x;
Спасибо заранее. Если лень, то пойму нечего страшного =)

foJiG
Юзер

foJiG - 29 июня 2014 17:02 -

D0Gmatist,
Ну что сможете помочь?)

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

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

наверх