Расширяющееся меню по вертикали

[mrDobryj]

Подскажите пожалуйста как сделать расширяющееся меню по вертикали такого типа в ДИВАХ.

Пробую делать сам, но все по дрова едет. Хоть сравнить чтоли )))

А инет не особенно выручает или я дурак :blink:

 

[tjrus]

Подскажите пожалуйста как сделать расширяющееся меню по вертикали такого типа в ДИВАХ.

Пробую делать сам, но все по дрова едет. Хоть сравнить чтоли )))

А инет не особенно выручает или я дурак :blink:

пишу примерно алгоритм

<div class="top"></div> <!-- верхняя неповторяющаяся часть бекграунда меню -->
<div class="center"> <!-- повторяющаяся центральная часть меню -->
  <a href="#">menu</a><br />
</div>
<div class="bottom"></div> <!-- нижняя неповторяющаяся часть бекграунда меню -->

в класах прописываешь бекграунди неповторяющихся/повторяющихся частей и все)

если что не понятно - спрашивай, объясню детальнее)

 

[tigra60]

Насколько я понял, у Вас получается так:

А Вы хотите, чтобы было так:

Если я угадал - объясню, в чем проблема.
Список UL имеет вертикальное поле (margin) примерно, в 10рх. Именно это поле и дает Вам разрыв блоков. Та же ботва и для заголовков (Н1, Н2, ...)
Решение: Устанавливаем списку нулевое поле. Если нужен промежуток (что вряд ли, поскольку роль промежутка отлично исполняют верхнее и нижнее закругления), можно использовать отступ (padding).
Пример найдете в прикрепленном файле menu.zip. Волшебная строчка, которая все исправляет, помечена комментарием /*new*/.
Удачи!

ЗЫ. Не обращайте внимание на горизонтальные полосы - это я неаккуратно порезал Ваш рисунок. Надеюсь, Вы сами его порежете правильно. Высота среднего рисунка значения не имеет, может быть хоть 1рх.