Templavoila и меню

[Николай Сипко]

Вставил в свой сетап и посмотрел разницу в исходном коде браузера (Ctrl+U), до и после:

До
=======
<div id="menu" class="header"><div class="menu menu_ul"><div class="menu_1"><ul><li><a href="index.php?id=40" target="_top">Естествознание</a></li><li><div class="menu_act"><a href="index.php?id=1" target="_top">Вопросы</a></div><div class="menu_2"><ul><li><a href="index.php?id=2" target="_top">Внушения</a></li><li><a href="index.php?id=3" target="_top">Цель</a></li><li><a href="index.php?id=4" target="_top">Место</a></li><li><a href="index.php?id=5" target="_top">Тела</a></li><li><a href="index.php?id=6" target="_top">Вращения</a></li><li><a href="index.php?id=7" target="_top">Атомы</a></li><li><a href="index.php?id=8" target="_top">Зенон</a></li></ul></div></li><li><a href="index.php?id=9" target="_top">Светила</a></li><li><a href="index.php?id=17" target="_top">Моменты</a></li><li><a href="index.php?id=25" target="_top">Понятия</a></li><li><a href="index.php?id=33" target="_top">Идеи</a></li></ul></div></div></div>

После
=======
<div id="menu" class="header">
<li class="with_menu"><a href="index.php?id=40">Естествознание</a><ul class="sub_menu">
<li><a href="index.php?id=39">Администрация</a></li>
</ul></li>
<li class="active with_menu"><a href="index.php?id=1">Вопросы</a><ul class="sub_menu">
<li><a href="index.php?id=2">Внушения</a></li>
<li><a href="index.php?id=3">Цель</a></li>
<li><a href="index.php?id=4">Место</a></li>
<li><a href="index.php?id=5">Тела</a></li>
<li><a href="index.php?id=6">Вращения</a></li>
<li><a href="index.php?id=7">Атомы</a></li>
<li><a href="index.php?id=8">Зенон</a></li>
</ul></li>
<li class="with_menu"><a href="index.php?id=9">Светила</a><ul class="sub_menu">
<li><a href="index.php?id=10">Парадоксы</a></li>
<li><a href="index.php?id=11">Модели</a></li>
<li><a href="index.php?id=12">Маятники</a></li>
<li><a href="index.php?id=13">Аналеммы</a></li>
<li><a href="index.php?id=14">Мироздание</a></li>
<li><a href="index.php?id=15">Свет</a></li>
<li><a href="index.php?id=16">Человек</a></li>
</ul></li>
<li class="with_menu"><a href="index.php?id=17">Моменты</a><ul class="sub_menu">
<li><a href="index.php?id=18">Коперник</a></li>
<li><a href="index.php?id=19">Кеплер</a></li>
<li><a href="index.php?id=20">Галилей</a></li>
<li><a href="index.php?id=21">Ньютон</a></li>
<li><a href="index.php?id=22">Исчисление</a></li>
<li><a href="index.php?id=23">Гравитация</a></li>
<li><a href="index.php?id=24">Законы</a></li>
</ul></li>
<li class="with_menu"><a href="index.php?id=25">Понятия</a><ul class="sub_menu">
<li><a href="index.php?id=26">Кинетика</a></li>
<li><a href="index.php?id=27">Масса</a></li>
<li><a href="index.php?id=28">Энергия</a></li>
<li><a href="index.php?id=29">Начала</a></li>
<li><a href="index.php?id=30">Энтропия</a></li>
<li><a href="index.php?id=31">Материя</a></li>
<li><a href="index.php?id=32">Отношения</a></li>
</ul></li>
<li class="with_menu"><a href="index.php?id=33">Идеи</a><ul class="sub_menu">
<li><a href="index.php?id=34">Вымыслы</a></li>
<li><a href="index.php?id=35">Аналогии</a></li>
<li><a href="index.php?id=36">Кванты</a></li>
<li><a href="index.php?id=37">Излучения</a></li>
<li><a href="index.php?id=38">Движущее</a></li>
</ul></li>
</div>
=======

Поясните, пожалуйста, что это дает?

И, как "написал верстальщик:
Код:
<ul>
<li class="with_menu"><a href="/">Раздел 1</a>
<ul class="sub_menu">
<li><a href="/">Подраздел 1</a></li>
<li><a href="/">Подраздел 2</a></li>
</ul>
</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>
</ul>"

Задача "верстальщика" не решена.

Может проще тогда, не мурдствуя лукаво, повставлять везде элемент site-map и вперед к css типа:

.csc-sitemap li a{
text-decoration:none;
text-shadow: 1px 4px 3px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
}
.csc-sitemap a:hover {
color: #fff;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000,
1px 4px 3px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
}