Повторяются названия подменю - Joomla 1.5: Вопросы по работе с меню

Здравствуйте!
Постоянно непонятные проблемы с этой Joomla возникают - хоть на HTML обратно переходи

Необходим следующий вид меню и соответственно подменю:

Раздел1|  Раздел 2|  Раздел 3| Раздел 4| Раздел 5|
Категория 1        Категория 2           Категория 3

Задаю CSS-стили, прописываю в Joomla подменю, копирую модуль данного меню, а выходит следующее:

Раздел1|  Категория 1        Категория 2           Категория 3   Раздел 2|  Раздел 3| Раздел 4| Раздел 5|
Категория 1        Категория 2           Категория 3

Кто-нибудь может объяснить, почему подменю повторяются в меню?

Кто-нибудь может объяснить, почему подменю повторяются в меню?

Думается что стиль суфикса меню уже описан в стиле.
Задай другой суфикс и посмотри результат.

Вот тут всё становится не ясно...
Конкретно в CSS-файле стилей значения ".moduletable" я не описывал (если это то, о чём я думаю).

Модуль подменю сделан на основе копии меню навигации, но:

1) CSS - стили для них разные (для "breadcrumbs" и "user1" соответственно)
2) В обоих модулях есть значения "Суффикса класса модуля": _menu
3) В обоих модулях поле со значением "Суффикса класса меню" - пустое.

И как тут разобраться?

Вот тут всё становится не ясно...
Конкретно в CSS-файле стилей значения ".moduletable" я не описывал (если это то, о чём я думаю).

Модуль подменю сделан на основе копии меню навигации, но:

1) CSS - стили для них разные (для "breadcrumbs" и "user1" соответственно)
2) В обоих модулях есть значения "Суффикса класса модуля": _menu
3) В обоих модулях поле со значением "Суффикса класса меню" - пустое.

И как тут разобраться?

На самом деле тут все просто и логично.
Пример 1: Стиль описанный для .moduletable будет применен для КАЖДОГО модуля, где не указан суфикс, причем не важно меню это или что иное
Пример 2: Стиль описанный для .moduletable_menu будет применен для модуля, где указан суфикс _menu
Пример 3: Стиль описанный .menu-nav будет применен для каждого модуля меню, где класс указан -nav

Еще не совсем понял "сделан на основе копии". Это как?

Большое спасибо за полноценный ответ!
Попробую теперь подробнее в суфиксах разобраться...

"На основе копии" - так как по описанию из книги делал:

"Прежде всего создадим копию главного меню. На странице Module Manager поставьте флажок mainmenu, а затем щёлкните по кнопке Copy. После этого откройте только что созданный модуль для редактирования.
Нам необходимо изменить его название на Sub Menu. Установите значения параметров Start Level и End Level равными 1. В результате этого будут отображаться только элементы меню, находящиеся на один уровень ниже текущего."

Бэрри Норт. "Joomla. Практическое руководство".

Единственное, что там идёт речь о создании подменю в левой колонке, но тем не менее про суфиксы ничего не написано.

я все пытаюсь понять  - зачем тебе два модуля? одного че, мало? для надежности типо??

Дело в том, что если я оставляю один модуль (меню навигации, оно же - разделов), то подменю в нём отображаются как:

Раздел1|  Категория 1        Категория 2          Категория 3   Раздел 2|  Раздел 3| Раздел 4| Раздел 5|

Вторым же модулем я задаю отображение подменю под разделами:

Категория 1        Категория 2           Категория 3

Но если знаешь, подскажи, можно ли с помощью одного модуля задать такую структуру?

CSS да и только)
подскажу: используй абсолютное позиционирование для подуровня

я все пытаюсь понять  - зачем тебе два модуля? одного че, мало? для надежности типо??

Я вот тоже не совсем вкурил, а зачем оно надо? Если только для реализации динамики проекта уровня большого портала, но тут Joomla есть Joomla. При высокой посещаемости оно положит на лопатки любой хостинг )) Даже со своей мультисайтовостью я до такого не дошел )))

А я вот дошёл, по книге
Сейчас буду CSS перелопачивать...

Если знаете, подскажите пожалуйста в другой теме (в CSS или в Joomla суть):

http://joomlaforum.ru/index.php/topic,128319.0.html

CSS да и только)
подскажу: используй абсолютное позиционирование для подуровня

Никак не могу врубиться, как его использовать для подуровня.( По каким элементам ориентироваться?
Если и разделы, и подуровни заключены в одни и те же селекторы "li", то мне надо их разделить и для каждого li-класса ("item") указать абсолютное позиционирование, или как?

Вот исходный код страницы активного Раздела 1:

<div id="nav_razdel">
<div class="moduletable">
<ul class="menu">
<li id="current" class="parent active item60"><a href="/razdel1"><span>Раздел 1</span></a>
<ul><li class="item75">
<a href="/razdel1/category1"><span>Категория 1</span></a></li><li class="item74">
<a href="/razdel1/category 2"><span>Катеегория 2</span></a></li><li class="item78">
<a href="/razdel1/category3"><span>Категория 3</span></a></li><li class="item79">
<a href="/razdel1/category4"><span>Категория 4</span></a></li>
</ul>
</li><li class="parent item61">
<a href="/razdel2"><span>Раздел 2</span></a></li><li class="item62">
<a href="/razdel3"><span>Раздел 3</span></a></li><li class="item63">
<a href="/razdel4"><span>Раздел 4</span></a></li><li class="parent item65">
<a href="/razdel5"><span>Раздел 5</span></a></li><li class="item72">
<a href="/razdel6"><span>Раздел 6</span></a></li>
</ul>      
</div>
</div>

делаете ul первого уровня(тот что с классом.menu) контекстом позиционирования прописав position: relative;
далее ul второго уровня указыаете обсолютную позицию, так чтобы он располагался ниже ряда первого уровня.
.menu{
     position: relative; /*контекст позиционирования*/
}
.menu ul{
     position: absolute;
     top: 30px;
     left: 0;
}

Делаю точно так, как советуете: прописываю в стиле .menu - в итоге редактор Ultra Edit мне вообще выделяет его жёлтым цветом (т.е. цветом значения селектора), и также всё остаётся.

Тогда добавляю суффикс класса меню "-nav" и получается следующий код (полностью укажу):

#nav_razdel{
border: none;
font-family: Times New Roman;
font-size: 20px;
font-weight: none;
width: 980px;
height: 20px;
margin: 6px 0px 12px;
padding: 0px 0px;
float: left;
color:#333;
list-style: none;
}

#nav_razdel a{
color: #333;
float: left;
text-decoration: none;
margin: 0px 28px;
list-style: none;
}

#nav_razdel a:hover{
color: #f00;
list-style: none;
}

.menu-nav{
   position: relative;
}

.menu-nav ul{
   position: absolute;
   margin: 30px;
}

И всё равно тоже самое остаётся.(
Может тут .moduletable ещё какую роль играет?

тут может играть роль что угодно. Чтобы не гадать - ставим FireBug, наводим на нужный елемент - смотрим его класс и айди.

Спасиибо огромное за подсказки! Получилось поставить подменю уровнем ниже
Роль оказывается тут играла перезагрузка ОС и Joomla.

Ещё такой момент возник: в разделах, где нет подменю, место под него всё равно остаётся. Как нибудь его можно снести?

на CSS никак. В шаблоне $this->countMenuChildren() вернет 0 если нед подпунктов. это можно использовать чтобы добавить класс модулю с меню.

А чтобы название выделенного раздела выделялось другим образом, например полужирным, это в CSS можно задать?

А чтобы название выделенного раздела выделялось другим образом, например полужирным, это в CSS можно задать?

Конечно. Касаемо стилей в CSS можно все. Смотри класс активного пункта и описывай его стиль. По умолчанию он его наследует от родителя, но задать его ничего не мешает.

Конечно. Касаемо стилей в CSS можно все. Смотри класс активного пункта и описывай его стиль. По умолчанию он его наследует от родителя, но задать его ничего не мешает.

Спасибо! Это действительно так)

Задал стиль активного пункта, но тут снова косяк выплыл!
Подпункты в IE 8 упорно упорно съезжают вправо, под следующий раздел.
Никак не пойму, как этот скотский броузер распознаёт CSS, чтобы выявить ошибку.

В Mozilla и Opera:

Раздел 1|            Раздел 2
Категория            Категория 2

В IE 8:
Раздел 1|            Раздел 2
                          Категория 1             Категория 2

Для раздела задан стиль:
#current.parent{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   font-weight: bold;
}

Для категории задан стиль:
#current.parent ul{
   padding: 0px;
   margin-top: 30px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   font-weight: bold;
}

Ясно видно в нём, что margin-left: 0px;

Так откуда IE 8 берёт ещё место для сдвига категории?!

 !

да не должно так быть. Может у вас position: absolute ? если да, то нужно обязательно указывать(скажем, обнулять) left и top, иначе в ие будет не так как в других бр.

да не должно так быть. Может у вас position: absolute ? если да, то нужно обязательно указывать(скажем, обнулять) left и top, иначе в ие будет не так как в других бр.

Действительно, position: absolute.
Но relative я поставить не могу, иначе разделы съедут в конец, относительно подкатегорий.
margin-left, margin-top, margin-right, margin-left везде указаны, а толку?

Может тут в чём другом дело. Потому как такую интересную деталь помню - что пару раз в IE всё вставало как в других браузерах (без замены кода), просто по открытию сайта - я ещё удивился! А сейчас вот как есть, так и есть...

И кэш постоянно обнуляю, и всё равно...

да не должно так быть. Может у вас position: absolute ? если да, то нужно обязательно указывать(скажем, обнулять) left и top, иначе в ие будет не так как в других бр.

да не должно так быть. Может у вас position: absolute ? если да, то нужно обязательно указывать(скажем, обнулять) left и top, иначе в ие будет не так как в других бр.

Воистину "учи CSS". Думал что эти значения только к margin и padding относятся, а они оказывается как самостоятельная единица.
Отобразил IE как и в других браузерах категории. Единственное что теперь они постоянно от начала первого раздела пляшут, но тут уж как есть - можно пожертвовать во имя кроссбраузерности.

ну,в таком случае можно задать position: relative  родительским li'шкам и позиционировать подпункты относительно них...

ну,в таком случае можно задать position: relative  родительским li'шкам и позиционировать подпункты относительно них...

Попробовал так сделать, - он у меня подродителей в ряд выстроил, а они у меня в линию должны. Да и так в принципе нормал, всего у одного раздела взгляд съезжает чуть влево.)
Тем более мне ещё с футером в IE гемороя, он у меня, опять же в отличие от браузерных конкурентов, не под конец материала подстраивается, а в самый низ уезжает, образуя гигантское пространство...

Посмотрите SWMenuFree. Там можно поучиться в оформлении меню. Только на Денвере не идет.

Отойду от темы, раз уж она разрослась...
Всё-таки меня этот IE удивляет: перезагружал вчера ПК несколько раз, несколько раз запускал Denwer и сайт в IE - хотел заняться отладкой, чтобы в IE подвал не уезжал в самый низ. Но на удивление всё стояло как и в других браузерах, т.е. подвал был на месте (никакого изменения в код и близко не вносил).
Сегодня включаю ПК (никакого изменения в код и близко не вносил), запускаю Denwer, IE и свой сайт соответственно - подвал в самом низу. Что за волшебство?
У кого-нибудь было такое, что вёрстка ехала после перезапуска системы? Кто как с этим боролся?