Выборочное действие css ?

#
Выборочное действие css ?
Занимаюсь очередным сайтом - интегрированием верстки в HostCMS. Есть в макете такой код:
  <div id="menu">
        <div id="menu_box">

      <!-- Верхнее меню -->
      <?php
      $Structure = & singleton('Structure');
      $Structure->ShowStructure(1, 'ЦентральноеМенюГарант');
      ?>

             <ul>
               <li><a href="/about">О предприятии</a></li>
                <li class="separator">|</li>
                <li><a href="/service">Услуги</a></li>
                <li class="separator">|</li>
                <li><a href="/oborudovanie">Оборудование</a></li>
                <li class="separator">|</li>
                <li><a href="/materialy">Материалы</a></li>
                <li class="separator">|</li>
                <li><a href="/blanki">Заявки на работы</a></li>
                <li class="separator">|</li>
                <li><a href="/news">Новости</a></li>
                <li class="separator">|</li>
                <li><a href="/contacts">Контакты</a></li>
                <li class="helper"></li>
            </ul>
        </div>
        </div>

Ясно, что кусок php - это уже внедрение в HostCMS для динамического отражения того же меню, код которого я еще сохранил ниже под php. Код, создаваемый системой и написанный руками совпадает на все 100%. В этом легко убедиться, посмотрев исходный код страницы.
        <div id="menu">
        <div id="menu_box">

      <!-- Верхнее меню -->
      <ul><li><a href="/about/">О предприятии</a></li><li class="separator">|</li><li><a href="/service/">Услуги</a></li><li class="separator">|</li><li><a href="/oborudovanie/">Оборудование</a></li><li class="separator">|</li><li><a href="/materialy/">Материалы</a></li><li class="separator">|</li><li><a href="/blanki/">Заявки на работы</a></li><li class="separator">|</li><li><a href="/news/">Новости</a></li><li class="separator">|</li><li><a href="/contacts/">Контакты</a></li><li class="helper"></li></ul>
           <ul>
                <li><a href="/about">О предприятии</a></li>
                <li class="separator">|</li>
                <li><a href="/service">Услуги</a></li>
                <li class="separator">|</li>
                <li><a href="/oborudovanie">Оборудование</a></li>
                <li class="separator">|</li>
                <li><a href="/materialy">Материалы</a></li>
                <li class="separator">|</li>
                <li><a href="/blanki">Заявки на работы</a></li>
                <li class="separator">|</li>
                <li><a href="/news">Новости</a></li>
                <li class="separator">|</li>
                <li><a href="/contacts">Контакты</a></li>
                <li class="helper"></li>
            </ul>-->
        </div>
        </div>

Но к списку, формируемому системой, НЕ ПРИМЕНЯЮТСЯ некоторые свойства css, в частности text-align: justify, из-за чего меню не растягивается на ширину своего блока. А то же меню, написанное руками, расположенное ниже, но внутри того же блока, отображается абсолютно верно, как и должно быть.

Что такое li class="helper" - это реализация этого варианта динамического горизонтального отцентрированного, растянутого по всей ширине блока, меню.

На всякий случай сразу XSLT шаблон меню:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
   <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
   
   <xsl:template match="/document">
      <ul>
         <!-- Выбираем узлы структуры -->
         <xsl:apply-templates select="structure[show=1]"/>
         <li class="helper"></li>
      </ul>
   </xsl:template>
   
   <xsl:template match="structure">
      
      <li>
         <!-- Запишем в константу ID структуры, данные для которой будут выводиться пользователю -->
         <xsl:variable name="current_structure_id" select="/document/structure/current_structure_id"/>
         
         <!-- Показывать ссылку, или нет -->
         <xsl:if test="show_link=1">
            
            <!-- Определяем адрес ссылки -->
            <xsl:variable name="link">
               <xsl:choose>
                  <!-- Если внешняя ссылка -->
                  <xsl:when test="is_external_link=1">
                     <xsl:value-of disable-output-escaping="yes" select="external_link"/>
                  </xsl:when>
                  <!-- Иначе если внутренняя ссылка -->
                  <xsl:otherwise>
                     <xsl:value-of disable-output-escaping="yes" select="link"/>
                  </xsl:otherwise>
               </xsl:choose>
            </xsl:variable>
            
            <xsl:choose>
               <!-- Выделяем текущую страницу жирным (если это текущая страница, либо у нее есть ребенок с ID, равным текущей) -->
               <xsl:when test="current_structure_id=@id or count(.//structure[@id=$current_structure_id])=1">
                  <a class="current_menu" href="{$link}">
                     <xsl:value-of disable-output-escaping="yes" select="name"/>
                  </a>
               </xsl:when>
               <!-- Иначе обычный вывод с пустым стилем -->
               <xsl:otherwise>
                  <a href="{$link}">
                     <xsl:value-of disable-output-escaping="yes" select="name"/>
                  </a>
               </xsl:otherwise>
            </xsl:choose>
         </xsl:if>
         
         <!-- Если не показывать ссылку - выводим просто имя ссылки -->
         <xsl:if test="show_link=0">
            <xsl:value-of disable-output-escaping="yes" select="name"/>
         </xsl:if>
         
      </li>
      
      <xsl:if test="position() != last()">
         <li class="separator">|</li>
      </xsl:if>
      
      
   </xsl:template>
</xsl:stylesheet>


Что же не так?
Модератор
#
Re: Выборочное действие css ?
Покажите ссылку на сайт, вероятно там не 100% идентичность.
#
Re: Выборочное действие css ?
Модератор
#
Re: Выборочное действие css ?
добавьте скриншот с выделенным работающим и неработающим блоком.
#
Re: Выборочное действие css ?
Модератор
#
Re: Выборочное действие css ?
Начните с исключения ошибок:
$("#main_menu_box > ul > li").boxShadow is not a function
[Прерывать на этой ошибке]    
$("#main_menu_box > ul > li").boxShadow('0 0 5px #a3a3a3');
add.js (строка 14)
"NetworkError: 404 Not Found - http://garant23-ru.1gb.ru/images/bg_top.png"
bg_top.png
"NetworkError: 404 Not Found - http://garant23-ru.1gb.ru/css/images/ui-bg_glass_65_ffffff_1x400.png"
Модератор
#
Re: Выборочное действие css ?
2. Если из DOM-модели удалить первое меню, то второе отображается абсолютно корректно. Оставьте только генерируемое меню и проверьте работу.
#
Re: Выборочное действие css ?
Может есть иное решение в xslt, чтобы не было так сложно с этим дополнительным элементом helper и разделителями, выделенными в отдельные пункты меню? В установленной системе пересмотрел все шаблоны, не нашел.
#
Re: Выборочное действие css ?
Цитата:
2. Если из DOM-модели удалить первое меню, то второе отображается абсолютно корректно. Оставьте только генерируемое меню и проверьте работу.

второе меню отображается корректно и при включенном php меню (№1) и при выключенном.
Но я html вариант меню должен убрать, чтобы меню поддерживалось динамически при изменении его пунктов.
Отключать конечно пробовал. Результат все тот же - меню отображается криво.
Отключил html вариант: http://garant23-ru.1gb.ru/
Куда вам сообщить доступ в админку?

Насчет ошибок не совсем понял - где. Буду разбираться.
Модератор
#
Re: Выборочное действие css ?
в XSL после </li> добавьте
<xsl:text> </xsl:text>
Авторизация