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

Мышара

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
  • Дикая собака блондинго
Не отображается меню
« : 10.10.2009, 11:05:33 »
Мне дали на доработку шаблон, но в нем странное дело с меню. при постановке модуля в нужную позицию (горизонтальное вверху) у меня получается список ссылочек в рядок. Что неправильно?

HTML
Код
<!-- Menu -->
<a href="#skip-menu" class="hidden">Skip menu</a>
<ul id="menu">
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
<!-- Menu end -->
</div>
<!-- Header end -->

<hr class="noscreen" />

<div id="skip-menu"></div>

<div id="content">

<!-- Middle and right column wrapper-->
<div id="column-1">

<jdoc:include type="modules" name="user3" style="topmenu" />

CSS

Код
/*-------------------------------------mainmenu---*/
.module_menu {
margin:0px 0px 11px 0px;
width:100%;
overflow:hidden;
}
.module_menu .first {
width:100%;
}
.module_menu .sec {
}
.module_menu .box-indent {
}
.module_menu ul {
list-style:none;
margin:0px 0px 0px 0px;
}
.module_menu li {
float:none !important;
padding:0px 0px 1px 21px;
}
.module_menu li li{
border:none;
padding:0px 0px 1px 21px;
}
.module_menu li a {
color:#000;
font-size:12px;
line-height:16px;
text-decoration:none;
}
.module_menu li a:hover {
text-decoration:underline;
}
/*-------------------title----*/

.module_menu h3 {
color:#bc5500;
font:bold 24px Arial, Helvetica, sans-serif;
padding:0px 0px 10px 0px;
}

/*-----------------content----*/
.module_menu div {
color:#fff;
font-size:12px;
}
/*-------------------------------------topmenu---*/
.module-topmenu {
padding-left:0px;
}
ul.menu {
list-style:none; display:block; width:100px;
}
ul.menu li {
float:left;
padding-right:17px
}
.moduletable_menu ul.menu li a {
color:#5a706a;
font:normal 10px Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
}
.moduletable_menu ul.menu li a:hover {
color:#fff !important;
text-decoration:none;
}
.moduletable_menu ul.menu li a:visited {
color:#5a706a;
}
ul.menu-nav {
padding:0px 0px 0px 0px;
margin-left:25px;
list-style:none;
}
ul.menu-nav li, ul.menu-nav li.active {
float:left;
padding:0px 0px 0px 4px;
}
ul.menu-nav li a, ul.menu-nav li a:hover, ul.menu-nav li a:visited {
color:#9f9f88;
}
ul.menu-nav li a  {
background:url(../images/topmenu-separator.gif) no-repeat right 32px;
display:block;
font:normal 10px Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
}
ul.menu-nav li a span {
display:block;
padding:28px 31px 13px 31px;
}

/*-------------------hover----*/

ul.menu-nav li a:hover  {
background:url(../images/topmenu-item-right.png) no-repeat right 0;
display:block;
color:#fff;
text-decoration:none;
}
ul.menu-nav li a:hover span {
background:url(../images/topmenu-item-left.png) no-repeat 0 0;
display:block;
padding:24px 31px 20px 35px;
margin-left:-4px;
}
* HTML ul.menu-nav li a:hover  {
background:url(../images/topmenu-item-right.gif) no-repeat right 0;
}
* HTML ul.menu-nav li a:hover span {
padding:28px 31px 16px 35px;
background:url(../images/topmenu-item-left.gif) no-repeat 0 0;
}

/*-------------------active----*/

ul.menu-nav li.active a {
background:url(../images/topmenu-item-right.png) no-repeat right 0;
color:#fff !important;
width:auto;
}
ul.menu-nav li.active a span {
background:url(../images/topmenu-item-left.png) no-repeat 0 0;
display:block;
padding:24px 33px 20px 33px;
margin-left:-4px;
}
* HTML ul.menu-nav li.active a {
background:url(../images/topmenu-item-right.gif) no-repeat right 0;
}
* HTML ul.menu-nav li.active a span {
background:url(../images/topmenu-item-left.gif) no-repeat 0 0;
}

Хелп ми разобраться в чем затык.

Мне за совет плюсика не жалко!
*

gdX

  • Глобальный модератор
  • 994
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Не отображается меню
« Ответ #1 : 11.10.2009, 11:33:21 »
Странные коды приведены. Как будто из разных шаблонов.
В HTML коде у тега <ul> меню выставлен идентификатор (id), а в CSS его (#menu) нет, а есть описание с таким же по имени классом (ul.menu).
При этом, почти весь приведенный CSS код описывает набор свойств класса module_menu, который в HTML коде нигде не указан.
Не понятно почему пункты меню <li> «выстраиваются в рядок», если в приведенном примере нет задания им такого свойства.
В общем не понятно что к чему…
Может ссылку дадите? Так будет проще, поверьте.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 116
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3044
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 5810
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 437
Последний ответ 12.07.2017, 21:09:01
от wectra
Не отображаются пункты в меню

Автор physic

Ответов: 16
Просмотров: 15753
Последний ответ 27.05.2017, 00:10:15
от OutLaw1