CSS МЕню

[artemtereshkov]

Всем доброго времени суток!

Нужна помощь.

есть горизонтальное меню и у каждого пункта меню есть подменю.

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

пример

пункт 1 | пункт 2 | пункт 3

_________ подпункт 2.1 | подпункт 2.2

Edited January 21, 2012 by artemtereshkov

[DStereo]

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

Уточните пожалуйста, как это ниже и на одном уровне?

[artemtereshkov]

как в примере "подпункт 2.1" должен быть прямо под "пункт 2".и соответсвенно "подпункт 4.1" должен быть под "пункт 4"

Edited January 21, 2012 by artemtereshkov

[DStereo]

<ul class="menu">
    <li>
    Item 1
        <ul class="submenu">
	    <li>Subitem 1</li>
	    <li>Subitem 2</li>
	    <li>Subitem 3</li>
	    <li>Subitem 4</li>
	    <li>Subitem 5</li>
	</ul>
    </li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

.menu li{border:1px solid #000;float:left;height:20px;position:relative}
.submenu{width:500px;position:absolute;top:100%;left:100%}

К сожалению придется задавать фиксированную ширину для подменю (она может быть любой, главное чтобы была больше, чем суммарная ширина всех элементов подменю), иначе пункты подменю не будут выстраиваться горизонтально.

[artemtereshkov]

спасибо)ты мне очень помог.

[DStereo]

Пожалуйста.