Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 372 3 темы, 22 сообщения, 8 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 75 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 72 0 тем, 8 сообщений, 6 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография bor10811
    #10

    bor10811
    Очков активности: 15 2 темы, 4 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 21.08.2018
Топ 5 участников по репутации


Проблема с выпадающим меню

#1 winston3d

winston3d
  • Неактивные
  • 135 сообщений
  • Репутация: 2
0

Отправлено 11 January 2013 - 19:03

Всем привет.

Третий день пытаюсь сделать выпадающее горизонтальное меню вот для этого шаблона при помощи CSS. За основу беру вот этот урок (Вариант 2) но там крайне мало описания работы, а точнее вообще нету описания((
Помогите пожалуйста осуществить задуманное, по идее нужно всего лишь подправить CSS но не совсем понимаю принцип работы кода, указанного в уроке, а по этому и не догоняю куда вставлять нужные строки.
Должно получиться примерно так

Прикрепленные изображения

  • page.png

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Спрайтовое выпадающее меню ?
  2. Нельзя поймать выпадающее меню
  3. Выпадающее меню
  4. Урок (Viewport)#2 - создание выпадающих меню
  5. Проблема с закрытием вертикального меню

#2 verstaka

verstaka
  • Неактивные
  • 6 сообщений
  • Репутация: 2

Отправлено 11 January 2013 - 19:47

Так там же все просто, и объяснять нечего. http://jsfiddle.net/verstaka/xz7UZ/1/ - простой пример, вложенное выпадающее меню убираем из виду css-свойством display: none, при наведении на пункты меню присваиваем display: block.
  • 0

#3 winston3d

winston3d
    Topic Starter
  • Неактивные
  • 135 сообщений
  • Репутация: 2

Отправлено 11 January 2013 - 20:55

Примерно разобрался - дописал вот эти строки в CSS

#header .nav-box ul li ul {display: none;}
#header .nav-box ul li:hover ul {display: block;}
#header .nav-box ul li ul li a {list-style: none;float: left;height: 33px;padding: 0;margin: 0;width: 150px;text-align: center;background: rgb(127, 127, 127);position: relative;padding-top: 12px;}
#header .nav-box ul li ul li a:hover {list-style: none;float: left;height: 33px;padding: 0;margin: 0;width: 150px;text-align: center;background: #424242;position: relative;padding-top: 12px;}
Но отображается криво - всё смещается вправо.
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru