[X] Помощник

[polermo_mw Topic Starter]

Очень нужно меню такое как здесь: ЗДЕСЬ

т.е. нажимаешь на ссылку и выдвигается ниже подменю


Подскажите, пожалуйста как это сделать или где посмотреть
Хотелось бы, чтобы в основном все было выполнено на CSS

[yury_mw]

Очень нужно меню такое как здесь: ЗДЕСЬ

т.е. нажимаешь на ссылку и выдвигается ниже подменю


Подскажите, пожалуйста как это сделать или где посмотреть
Хотелось бы, чтобы в основном все было выполнено на CSS

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

<table cellpadding="0" cellspacing="0" style="width:100%; background:transparent url('design/img/scrollup.gif') top left no-repeat;"><tr>
<td>
  <ul  type="square" class="mnu">
    <li style="color:darkred;"><span class="mnu">Ресторан</span></li>
    <li style="color:darkred;"><a class="mnu" href="index.php/menu_wine">Винная карта</a></li>
    <li style="color:darkred;"><a class="mnu" href="index.php/menu_bar">Барная карта</a></li>
    <li style="color:darkred;"><a class="mnu" href="index.php/menu_cigars">Сигары и сигариллы</a></li>
    <li style="color:darkred;"><a class="mnu" href="index.php/menu_cocktail">Коктейльная карта</a></li>
  </ul>
</td>
</tr></table>

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

ul.mnu {margin:0px; padding:25px 20px 0px 30px; text-align:left; list-style-type:square; color:#FF5A00}
ul.mnu li {padding-top:3px;}
span.mnu {font-size:13px; color:#101010; font-weight:bold}
a.mnu {font-size:13px; color:#292929; font-weight:normal; text-decoration:none}

и наконец основное меню сделано картинками, так же помещенными в ячейки таблицы, с ролловером (при наведении мыша, картинка меняется).

Ну а ежли вам хочется, чтоб выглядело так же а было переверстано по правилам блочной верстки, то это будет уже совсем другой код.

[polermo_mw Topic Starter]

polermo,
дык...
там ничего не выдвигается, просто по клику по меню открывается новая страничка

а как сделать, чтобы менюшка выдвигалась, чтобы не плодить страницы

[sc2r2bey]

Очень нужно меню такое как здесь: ЗДЕСЬ

т.е. нажимаешь на ссылку и выдвигается ниже подменю


Подскажите, пожалуйста как это сделать или где посмотреть
Хотелось бы, чтобы в основном все было выполнено на CSS

есть такая магическая формула ctrl+U что в переводе с древнееврейского означает посмотреть искодный код страницы, там и сокрыт ответ на ваш вопрос

[ZiTosS]

polermo, на просторах интернета выдвигающихся и выпадающих меню бесконечное множество. Сначала стоит поискать, да и тем уже 1000 на форуме было про выпадающие и выдвигающиеся меню.

[fatery]

polermo, http://www.google.ru/search?rlz=1C1CHMB_ru...+меню+на+jquery
http://www.google.ru/search?hl=ru&rlz=...mp;aq=f&oq=
http://www.google.ru/search?hl=ru&rlz=...ющее+меню+на+ja
И так далее. Ответ на вопрос дан, закрыто.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.