Курс 2016 года “Разработка на UMI.CMS от 0 до готового сайта”
Не выводится дополнительное меню в версии "Start"

Автор BabajkaРаздел Шаблоны XSLT

Ответов: 4
Просмотров: 3610
Последний ответ 10 Января 2013, 10:08:04
от admin
Магазин "Современный" - добавление заголовка к левому меню каталога

Автор manadsgnРаздел Шаблоны XSLT

Ответов: 4
Просмотров: 4036
Последний ответ 25 Июня 2012, 17:33:00
от manadsgn
Вывод страницы в меню с отключением вывода в карте сайта

Автор alpotemkinРаздел Макросы UMI.CMS

Ответов: 6
Просмотров: 5648
Последний ответ 03 Ноября 2011, 15:07:29
от alpotemkin
Текущая страница - добавление класса к ссылке главного меню

Автор manadsgnРаздел Шаблоны XSLT

Ответов: 2
Просмотров: 3001
Последний ответ 24 Июня 2012, 14:00:10
от manadsgn
Вывод в меню только разделов с определенными свойствами

Автор poloРаздел Шаблоны XSLT

Ответов: 4
Просмотров: 5532
Последний ответ 24 Июня 2011, 12:58:58
от polo

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

*

korogan

  • ***
  • 188
  • +3/-0
    • Просмотр профиля
Здравствуйте!

Есть задача сделать многоуровневое меню. Но возникает проблема как.
В верстке используются разные стили. _http://new.unimed-c.ru/ где это планируется реализовать, для наглядности.

Пример HTML кода:
<ul id="nav">  
<li><a href="/">ГЛАВНАЯ</a></li>
<li><img src="/images/l.png" class="m_line"><a href="">АКУШЕРСТВО</a>
<ul style="margin-left: 65px">
     <li><a href="#">History</a></li>
     <li><a href="#">Team</a></li>
     <li><a href="#">Offices</a></li>
</ul>
</li>
<img src="/images/l.png" class="m_line" />
<li><a href="">ГИНЕКОЛОГИЯ</a>
<ul style="margin-left: 165px">
     <li><a href="#">History</a></li>
     <li><a href="#">Team</a></li>
     <li><a href="#">Offices</a></li>
</ul>
</li>
<img src="/images/l.png" class="m_line">
<li><a href="">УЗИ 3D</a>
<ul style="margin-left: 273px">
     <li><a href="#">History</a></li>
     <li><a href="#">Team</a></li>
     <li><a href="#">Offices</a></li>
</ul>
</li>
<img src="/images/l.png" class="m_line">
<li><a href="">СТОМАТОЛОГИЯ</a>
<ul style="margin-left: 335px">
     <li><a href="#">History</a></li>
     <li><a href="#">Team</a></li>
     <li><a href="#">Offices</a></li>
</ul>
</li>
<img src="/images/l.png" class="m_line">
<li><a href="">УРОЛОГИЯ</a>
<ul style="margin-left: 455px">
     <li><a href="#">History</a></li>
     <li><a href="#">Team</a></li>
     <li><a href="#">Offices</a></li>
</ul>
</li>
<img src="/images/l.png" class="m_line">
<li><a href="">ТЕРАПИЯ</a>
<ul style="margin-left: 538px">
     <li><a href="#">History</a></li>
     <li><a href="#">Team</a></li>
     <li><a href="#">Offices</a></li>
</ul>
</li>
<img src="/images/l.png" class="m_line">
<li><a href="">АНАЛИЗЫ</a>
<ul style="margin-left: 613px">
     <li><a href="#">History</a></li>
     <li><a href="#">Team</a></li>
     <li><a href="#">Offices</a></li>
</ul>
</li>
<img src="/images/l.png" class="m_line">
<li><a href="">КОНТАКТЫ</a></li>
</ul>

Подскажите пожалуйста как быть в такой ситуации

*

admin

  • *****
  • 2444
  • +172/-1
    • Просмотр профиля
Re:Многоуровневое меню с разным css
« Ответ #1 : 31 Июля 2011, 21:43:55 »
с точки зрения верстки, насколько я понимаю, ты хочешь этими стилями "style='margin-left:163px'" достичь правильного расположения выпадающего 2 уровня, так?

Если это так, то проще немного поменять css правила для меню и подменю, посмотри мой урок по многоуровневому меню , там как раз такое же меню рассматривается.

ну а если тебе все же надо прописать такие кастомные стили, я бы на твоем месте сделал так:
<ul style="margin-left: 165px">
  заменил бы на
<ul class="item63"> 
в css прописал бы все эти кастомы как набор стилей
.item63{margin-left: 165px}
,
а стиль .item63 получал бы путем прописывания в шаблон item%id%

то есть:
1. создаешь шаблон для меню прописывая вместо
<ul style="margin-left: 165px">
,
<ul class="item%id%"> 
2. смотришь получившиеся стили и прописываешь в css нужные инструкции

*

korogan

  • ***
  • 188
  • +3/-0
    • Просмотр профиля
Re:Многоуровневое меню с разным css
« Ответ #2 : 01 Августа 2011, 11:29:12 »
Спасибо.
Все получилось.

С уважением, Денис.