Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Модули Горизонтальное выпадение меню DLE 10.1

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


     26.06.2014    Модули    2218

вопрос
Ребята, помогите пожалуйста. Нужно сделать выпадающее меню. Буду очень признателен за помощь!
Само меню
        <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
6 | 3

aqps - 26 июня 2014 23:33 - Юзер

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

foJiG
13

foJiG - 26 июня 2014 23:35 - Юзер

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

aqps
6 | 3

aqps - 26 июня 2014 23:37 - Юзер

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

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

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

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

D0Gmatist
225

794 | 281

D0Gmatist - 27 июня 2014 00:21 - Местный

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

Каждый программист знает - в правильном софте все должно быть прекрасно:
и пользовательский интерфейс, и программные решения, и гениальные ошибки!
Болтовня ничего не стоит. Покажите мне код.

foJiG
13

foJiG - 27 июня 2014 17:38 - Юзер


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

foJiG
13

foJiG - 27 июня 2014 02:32 - Юзер

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

foJiG
13

foJiG - 27 июня 2014 15:42 - Юзер

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

D0Gmatist
225

794 | 281

D0Gmatist - 27 июня 2014 19:32 - Местный

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

Каждый программист знает - в правильном софте все должно быть прекрасно:
и пользовательский интерфейс, и программные решения, и гениальные ошибки!
Болтовня ничего не стоит. Покажите мне код.

foJiG
13

foJiG - 28 июня 2014 23:42 - Юзер

del

foJiG
13

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
13

foJiG - 29 июня 2014 17:02 - Юзер

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

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

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