0 Пользователей и 1 Гость просматривают эту тему.
  • 15 Ответов
  • 13164 Просмотров
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Добрые люди, помогите советом, чтот не нашел подобного вопроса на форуме и решил спросить тут. У меня это меню стоит внизу, и нужно чтобы выпадающее меню разворачивалось не вниз как  по умолчанию, а вверх. Где копать? в файле menu.css не нашел реализации этой задачи...
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
судя по массе отзывов видимо решения у данной задачи нет :(
буду пробовать  вставить обычное HTML меню...
*

zmancer

  • Давно я тут
  • 519
  • 76 / 19
судя по массе отзывов видимо решения у данной задачи нет :(
буду пробовать  вставить обычное HTML меню...
А погуглить не судьба? Есть масса готовых решений, как на чистом CSS так и с помощью js
К примеру вот первая ссылка из поисковика http://www.scriptsite.ru/css-11
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Спс, видел эту ссылку но там решение для обычного HTML сайта, привязать этот стиль к меню сайта у меня не вышло  ((
« Последнее редактирование: 09.11.2011, 13:28:49 от serjik »
*

zmancer

  • Давно я тут
  • 519
  • 76 / 19
Спс, видел эту ссылку но там решение для обычного HTML сайта, привязать этот стиль к меню сайта у меня не вышло  ((
Да хоть HTML, хоть Joomla, да и любой др двиг
Ну если вы элементарно не знаете основ CSS и HTML, то бесплатно для вас никто меню не сверстает.
http://htmlbook.ru/ вам в помощь
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Да хоть HTML, хоть Joomla, да и любой др двиг
Ну если вы элементарно не знаете основ CSS и HTML, то бесплатно для вас никто меню не сверстает.
http://htmlbook.ru/ вам в помощь
Спасибо за советы, но я уже больше десятка сайтов сделал на данном движке,  и в основах CSS и HTML вполне неплохо разбираюсь. Я спрашивал совета по решению конкретной задачи, а не где мне поучиться основам. Просто иногда возникают проблемы  которые кажуться только простыми, но какие то знания не помогают их решить, для чего и спрашивают тут совета. А данный CSS  что по ссылке несмотря что он отлично работает на простом HTML я к сожалению не смог прикрутить к движку чтобы его адекватно  воспринимал стандартный модуль меню. он его просто не воспринимает....
*

zmancer

  • Давно я тут
  • 519
  • 76 / 19
Хм..., вы больше десятка сайтов сделали, знаете HTML и CSS и не можете сделать такое меню? Очень странно. А другие способы пробовали, предложенные яндексом или гуглом? И опишите подробнее тогда, код вашего меню, ссылку на сайт, правленный вами код. Что делали и как.
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
К примеру вот первая ссылка из поисковика http://www.scriptsite.ru/css-11
Что там сложного я ХЗ, но по ходу сайты делались просто сборкой готовых модулей, без изменения.

serjik, вам дали конкретное решение, в чем проблема? Так сложно извилины заставить шевелиться?
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
NightGuard да пытаюсь их заставить зашевелиться, только шевеляться видимо не в том направлении :(
В отношении что сделал в меню: в файле CSS я взял кусок кода отвечающий за работу меню:
Код
	#cssmenu1 li {position:relative}
.top_menu #cssmenu1 li ul {position:absolute;display: block;z-index: 100;top:24px;left:0;visibility: hidden;}
.top_menu #cssmenu1 li li {display: inline;float: none;}
.top_menu #cssmenu1 li li  a {background: #CCC;width: 205px;font:normal 12px tahoma}
.top_menu #cssmenu1 li li  a:hover {background:#999;}
и добавил к нему код:
Код
.menutop:hover {position:relative; top:-250px;} 
а в настройках меню Суффикс класса меню указал стиль menutop
но меню чудесным образом не заработало ...
ссылка на сайт http://test.autojockey.ru. Сайт у меня для тестов, поэтому ужасно выглядит ))
Напомню речь идет о нижнем меню.
« Последнее редактирование: 09.11.2011, 21:51:09 от serjik »
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Так нужно привязываться от родительского пункта меню, т.е. использовать itemID указанный в class (вы для всего меню указываете позиционирование, нужно указывать для конкретного родительского пункта).

Пример:
Код: css
.item36:hover ul {position:relative; top:-250px!important;}
« Последнее редактирование: 09.11.2011, 21:48:04 от NightGuard »
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Выпадающее меню вверх. Возможно ли?
« Ответ #10 : 09.11.2011, 21:55:14 »
NightGuard Спасиб за подскаску, сейчас буду пробовать ....
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: Выпадающее меню вверх. Возможно ли?
« Ответ #11 : 09.11.2011, 22:05:31 »
Код: html4strict
<ul id="cssmenu1" class="menu">
  <li class="active item1" id="current1"><a href="http://test.autojockey.ru/" title="Главная"><span>Главная</span></a></li>
  <li class="parent item36" style="z-index: 0;"><a href="/" title="О компании"><span>О компании</span><span class="arrowdiv">&nbsp;&nbsp;&nbsp;&nbsp;</span></a>
    <ul style="top: 23px; visibility: hidden; z-index: 100;">
      <li class="item40"><a href="/" title="Статьи"><span>Статьи</span></a></li>
      <li class="item45"><a href="/" title="Вакансии"><span>Вакансии</span></a></li>
      <li class="item35"><a href="/" title="Новости"><span>Новости</span></a></li>
      <li class="item41"><a href="/" title="Партнеры"><span>Партнеры</span></a></li>
    </ul>
  </li>
</ul>

Примерно так должно быть:
Код: css
li.parent ul { display: none; margin: 0; padding: 0; }
li.parent:hover ul { position:relative; }
li.item36:hover ul { top:-250px!important; }
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

serjik

  • Захожу иногда
  • 344
  • 1 / 1
Re: Выпадающее меню вверх. Возможно ли?
« Ответ #12 : 10.11.2011, 15:10:26 »
Сделал немного по другому без привязки к пунктам меню также с применением CSS, получилось вроде почти как нужно, осталось только немного стиль подправить. Спасиб за советы, и что навели на нужную мысль!  ^-^
*

FlahsAxel

  • Захожу иногда
  • 210
  • 0 / 0
Re: Выпадающее меню вверх. Возможно ли?
« Ответ #13 : 14.03.2013, 22:56:06 »
Меню анимированное.
top:-250px - теперь всплывает вверх.
НО! Анимация, так и осталась - по умолчанию сверху вниз.
Т.е. Подпункт меню всплывает выше родительского пункта и расширяеся к родителю.
Как развернуть анимацию - от родителя, вверх?
*

wintz

  • Осваиваюсь на форуме
  • 44
  • 3 / 0
Re: Выпадающее меню вверх. Возможно ли?
« Ответ #14 : 26.04.2013, 12:23:21 »
Десятки сайтов сделал, а меню как сделать не знаю ;D
Поставь IceMegaMenu  и посмотри тут Вывод выпадающего меню не вниз-вправо, а вверх-влево
*

paitor

  • Осваиваюсь на форуме
  • 37
  • 1 / 0
Re: Выпадающее меню вверх. Возможно ли?
« Ответ #15 : 23.07.2014, 10:07:55 »
Просто для <ul> добавляем значение к примеру:
bottom: 20px;

Значение я брал исходя из высоты строки самого горизонтального меню
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Подскажите меню

Автор Dimah55

Ответов: 0
Просмотров: 3026
Последний ответ 12.10.2015, 22:46:46
от Dimah55
Посоветуйте меню, открывающееся при клике

Автор Dekameron

Ответов: 0
Просмотров: 3199
Последний ответ 07.09.2015, 11:08:11
от Dekameron
Многоуровневое раскрывающееся горизонтальное меню в Joomla 2.5

Автор GuDeVic

Ответов: 15
Просмотров: 19955
Последний ответ 18.02.2015, 11:46:16
от iperm
Настройка внешнего вида меню

Автор dept

Ответов: 1
Просмотров: 5209
Последний ответ 21.10.2013, 01:34:48
от Elmurza
Меню столбиками

Автор Annaweb

Ответов: 0
Просмотров: 3563
Последний ответ 10.06.2013, 15:33:46
от Annaweb