Горизонтальное подменю Asp.Net

Question

Как создать меню asp: Меню, которое имеет горизонтальное подменю, а не вертикальное, при этом верхнее меню остается горизонтальным?

Answer 1

Возможно, вы захотите изучить использование CSS Friendly Adapters . Адаптер Menu будет отображать элемент управления asp: Menu с использованием семантического HTML (в данном случае неупорядоченного списка) вместо таблиц, что значительно упрощает применение CSS, чтобы он делал то, что вам нужно.

Answer 2

#nav table { display: inline-block }
#nav tr { display: inline-block }
#nav td { display: inline-block }

Это решение работает с Mozilla, но не с IE: (

Answer 3

Меню asp.net просто генерирует таблицу. Сделайте что-то вроде этого:

<div id="nav"><asp:menu .... /></div>

И в вашей таблице стилей сделайте что-то вроде этого:

#nav table { display: inline-block }
#nav tr { display: inline-block }
#nav td { display: inline-block }

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

Когда ничего не помогает, исправьте это с помощью jQuery при загрузке страницы.