Бросая в воду камешки,
смотри на круги, ими образуемые,
иначе бросание твое будет пустою забавою.
Козьма Прутков.
Образец такого меню вы видите сверху. Тег FIELDSET нужен только, чтобы уголки закруглить, во всяком случае в IE6.0 работает. Вместо него можно поставить какие-нибудь таблицы, с уголками и фончиками, нарисованными в Фотошопе, но это уже противоречит основной идее простоты и наглядности. Теперь все свои сайты буду делать именно так. При этом никаких Java-скриптов и графики и только лаконичный и абсолютно прозрачный и понятный код HTML, точнее DHTML (Смотри эту страницу в виде HTML).
Маленький скрипт перед тегом BODY располагает страницу в нужном месте (посредине экрана) и сразу нужного размера. На поисковики данный код не влияет.
Может быть данная страница и не блещет дизайном, но согласитесь, что все очень удобно, функционально, просто, наглядно и лаконично. Хотя и говорят, что простота хуже воровства, но лично мне очень нравится.
Вообще идея попалась очень богатая, особенно, для людей с фантазией...
Например...
Причем выпадать может все, что угодно, хоть целая страница HTML со всякими картинками, текстами, ссылками и делайте там все, что хотите, вставляйте ссылки, картинки, таблицы и прочую ерунду. Если position сделать абсолютным, а не относительным (Смотри эту страницу в HTML), то вся выпадающая фигня будет закрывать сверху лежащий под ней текст. Например...
Если в стиле тега FIELDSET прописать цвет фона и/или цвет и стиль бордера, то полукруглость пропадает, блин. А если в стиле LEGEND прописать цвет фона, то полукруглость сохраняется. Вот, например, так.
А что касается остального, то вроде все работает. Можете, например, туда поставить верхнюю часть той страницы, куда собираетесь переходить. Можно сделать вложенные меню, но это уже сексуальное извращение в грубой форме, и должно строго преследоваться в соответствии с уголовным кодексом Российской Федерации.
И что приятно, уголки скругленные без всякой графики... Слава Биллу Гейтсу, собаке такой... Сподобился наконец-то... Наверное, не одного меня задолбала прямоугольная тупость (или тупая прямоугольность) современных браузеров. А здесь хоть уголки закруглить можно без графики...
Вот только я не знаю как поменять цвет или тип бордера со скругленными углам. Обычными средствами пропадают скругленность углов. Причем и в cтарых браузерах скругленность углов также не наблюдается.
При этом все выпадающие ссылки и тексты ИНДЕКСИРУЮТСЯ ПОИСКОВИКАМИ, поскольку JAVA скриптов нет, а сам текст (и ссылки) на выпадающей странице - всего лишь часть текста основной страницы.
Можно размещать в виде горизонтального или вертикального меню, как заблагорассудится, на свой вкус. Сами сообразите, как это сделать. Однако, вертикальное меню не так удобно, поскольку закрываются нижние ссылки. В принципе что-то сделать можно, поиграв Z-index, на странице menusleva.aspx попытаюсь изобразить...
Руки так и тянутся вставить туда (в меню) всякую ерунду, но очень не хочется затуманивать основную идею страницы...
А идея очень проста: ссылки являются частью выпадающей страницы, а все лишнее обрезается с помощью стиля overflow:hidden, а при наведении выпадающая страница появляется полностью с помощью стиля overflow:visible.
Вообще говоря, обрезать лишнее - самый лучший способ творить... И не только в верстке HTML страниц... Правильно еще Роден говорил...
Еще раз для бестолковых, на странице Меню слева попробуем сделать вертикально выпадающее меню, используя все вышеперечисленное, и, если понадобится, Z-index.