Модуль меню "mod_menu" для CMS Joomla показывается без CSS стилей

32
На сайте с 07.02.2011
Offline
76
2792

Модуль меню "mod_menu" для CMS Joomla показывается без CSS стилей в шаблоне Protostar, а также и в других шаблонах.

Подскажите, пожалуйста, кто знает в чем может быть ошибка.

Скриншот ошибки:

jpg 147133.jpg
Happy46
На сайте с 10.10.2012
Offline
29
#1
323182:
Модуль меню "mod_menu" для CMS Joomla показывается без CSS стилей в шаблоне Protostar, а также и в других шаблонах.
Подскажите, пожалуйста, кто знает в чем может быть ошибка.
Скриншот ошибки:

Используй класс ul.nav.menu li, т.е.

ul.nav.menu{

border:1px solid #f7f7f7;

}

ul.nav.menu li{

border:1px solid #red;

}

ul.nav.menu li a{

border:1px solid #0C6591;

}

Хоршие новости - 1happy-blog.ru (http://1happy-blog.ru) Сервис обратных звонков - Перезвоним.рф (https://xn--b1afaigyfhel.xn--p1ai/?ref=9) - посекундная тарификация, 20 рублей на счету для теста
32
На сайте с 07.02.2011
Offline
76
#2
Happy46:
Используй класс ul.nav.menu li, т.е.

ul.nav.menu{
border:1px solid #f7f7f7;
}
ul.nav.menu li{
border:1px solid #red;
}
ul.nav.menu li a{
border:1px solid #0C6591;
}

Данное решение не помогло, к сожалению и модуль так и показывается без стилей, а именно ссылки отображаются в столбец, а не строкой.

Happy46
На сайте с 10.10.2012
Offline
29
#3
323182:
Данное решение не помогло, к сожалению и модуль так и показывается без стилей, а именно ссылки отображаются в столбец, а не строкой.

Скинь адрес сайта, надо посмотреть глазами

32
На сайте с 07.02.2011
Offline
76
#4
Happy46:
Скинь адрес сайта, надо посмотреть глазами

Сайт не в сети, а на Денвере.

Happy46
На сайте с 10.10.2012
Offline
29
#5
323182:
Сайт не в сети, а на Денвере.

сделай скриншот главной

Ragnarok
На сайте с 25.06.2010
Offline
239
#6

323182, посмотрите в инспекторе (F12 в хроме) классы для меню и пропишите нужные стили в css файле шаблона

//TODO: перестать откладывать на потом
32
На сайте с 07.02.2011
Offline
76
#7
Happy46:
сделай скриншот главной

Скиншот модуля на главной

Кусок исходного кода, тот где расположен модуль:

<nav class="navigation" role="navigation">

<div class="navbar pull-left">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
</div>
<div class="nav-collapse">
<ul class="nav menu">
<li class="item-117 deeper parent"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=9&amp;Itemid=117" >Информация о Joomla!</a><ul class="nav-child unstyled small"><li class="item-118"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=11&amp;Itemid=118" >Компоненты</a></li><li class="item-119 deeper parent"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=12&amp;Itemid=119" >Модули</a><ul class="nav-child unstyled small"><li class="item-120"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=13&amp;Itemid=120" >Модули отображения Контента</a></li><li class="item-121"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=14&amp;Itemid=121" >Модули информации о пользователях</a></li><li class="item-122"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=15&amp;Itemid=122" >Модули отображения информации</a></li><li class="item-123"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=16&amp;Itemid=123" >Вспомогательные модули</a></li><li class="item-124"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=17&amp;Itemid=124" >Модули навигации</a></li></ul></li><li class="item-125"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=21&amp;Itemid=125" >Плагины</a></li></ul></li><li class="item-131"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=23&amp;Itemid=131" >Услуги</a></li><li class="item-132"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=22&amp;Itemid=132" >Сайты</a></li><li class="item-126 deeper parent"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=26&amp;Itemid=126" >Руководства</a><ul class="nav-child unstyled small"><li class="item-127"><a href="/index.php?option=com_content&amp;view=article&amp;id=45&amp;Itemid=127" >Шаблон RSMetro - сетка</a></li><li class="item-128"><a href="/index.php?option=com_content&amp;view=article&amp;id=44&amp;Itemid=128" >Шаблон RSMetro - типографика</a></li></ul></li><li class="item-129"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=24&amp;Itemid=129" >Статьи</a></li><li class="item-130"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=25&amp;Itemid=130" >Книги</a></li></ul>
</li></ul>
</div>
</nav>


---------- Добавлено 04.12.2015 в 13:31 ----------

Ragnarok:
323182, посмотрите в инспекторе (F12 в хроме) классы для меню и пропишите нужные стили в css файле шаблона

Стили уже есть в css файле шаблона, но только они никак не влияют на модуль.

32
На сайте с 07.02.2011
Offline
76
#8

Модуль не показывает ссылки в одну горизонтальную строку, как на скриншоте примера меню без ошибок, что ниже:

Но некоторые стили модуль меню отображает, такие как фон всплывающих подпунктов меню, а также шрифт.

jpg 147137.jpg
32
На сайте с 07.02.2011
Offline
76
#9

Вопрос решил!

Всем огромное спасибо тем, кто откликнулся и хотел помочь!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий