Не применяются стили - создание растянутого гориз. меню - Joomla 2.5: Настройка и оптимизация

Добрый день!

Прошу совета как правильно сделать, или объяснить, почему не работает стиль в моем случае.

Все, что нужно - это сделать горизонтальное меню с помощью mod_menu растянутым. Нашел решение
+ разъяснение как использовать:
http://jsfiddle.net/sh6h4/2/
http://www.cyberforum.ru/html/thread583700.html

В чистом HTML все работает.

в Joomla 2.5.9 начинаются проблемы. Я уже разложил на атомы весь код модуля, и все равно непонятно, почему поведение стиля отличается.

Вот последний фрагмент код файла шаблон/html/mod_menu/default.php:

Код

 <div id="someId">

<ul>
		<li><a href="#">ссылка 1</a></li>
		<li><a href="#">ссылка 2</a></li>
		<li><a href="#">ссылка 3</a></li>
<?php
foreach ($list as $i => &$item) :
	

	echo '<li>';

	// Render the menu item.
	switch ($item->type) :


		default:
			require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
			break;
	endswitch;


		echo '</li>';

endforeach; ?>

		<li><a href="#">ссылка 4</a></li>
		<li><a href="#">ссылка 5</a></li>
</ul>
<span></span>
</div>

Это CSS, идентичный тому, что в примере:

Код

#someId {
  text-align: justify;
}

#someId ul {
  display: inline;
  margin: 0;
  padding: 0;
}

#someId ul li {
  display: inline;
}

#someId ul li a {
  display: inline-block;
}

#someId span {
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
}

я специально в качестве эксперимента расположил до и после foreach обычный HTML, убрал назначение классов li, и другой лишний код.

Проблема в том, что нужный стиль для растягивания меню применяется как нужно только к

Код

		<li><a href="#">ссылка 1</a></li>
		<li><a href="#">ссылка 2</a></li>
		<li><a href="#">ссылка 3</a></li>

Код

		<li><a href="#">ссылка 4</a></li>
		<li><a href="#">ссылка 5</a></li>

В FireBug полученная разметка выглядит абсолютно одинаково.
Но почему то стили для трех li "ссылка 0" не применились, элементы остались слипшимися...

http://hostingkartinok.com/show-image.php?id=c5ae12edfeb05dbfc2df0eaa4cd4cf88

Проблему вижу только в конструкции:

Код

	// Render the menu item.
	switch ($item->type) :


		default:
			require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
			break;
	endswitch;

, т.к. после замены ее на
<a href="#">ссылка 111</a>
стили применяются ко всем li. Но что конкретно нужно сделаь, чтобы меню заработало, так и не понял (

[Решено] title материалов и категорий без пунктов меню Автор pharaoh	Ответов: 269 Просмотров: 71586	03.02.2022, 02:45:26 от globus812
Как добавить описание к пункту меню в Joomla 2.5? (Как у материалов)? Автор nia	Ответов: 7 Просмотров: 6784	29.03.2021, 12:10:26 от sivers
В моб версии не откриваються норм меню Автор umsbeauty	Ответов: 0 Просмотров: 1811	11.01.2021, 17:55:15 от umsbeauty
Убрать название пункта меню из URL материала Автор fortuner	Ответов: 15 Просмотров: 9646	31.10.2020, 00:46:04 от spas
Критические CSS стили в Joomla Автор a-vikalingvo	Ответов: 17 Просмотров: 2139	14.10.2020, 16:22:46 от v42bis

Не применяются стили - создание растянутого гориз. меню - Joomla 2.5: Настройка и оптимизация

Новости Joomla

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

👩‍💻 Компонент "CS Афиши" для Joomla.

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

bannndi

Не применяются стили - создание растянутого гориз. меню

bannndi

Re: Не применяются стили - создание растянутого гориз. меню

Похожие темы