Показано с 1 по 3 из 3

Тема: Раскрывающееся меню

  1. #1
    Shturm
    Гость
    Привет,

    прочел вот этот топик: [Только зарегистрированные пользователи могут видеть ссылки. ]

    все супер, меню сделал, но - поскольку оно двигает элементы страницы, соотв. растягивается и сама таблица, а мне нужно, чтоб "двигалось" только меню.

    Поясняю:

    таблица, разделенная на 3 колонки - в левой колонке меню - посередине контент - справа место для баннеров. Нажимая слева на меню, оно двигает весь ряд и все смещается вниз.

    Может кто знает как сделать, чтобы этого не происходило? Очень не хочу делать frame, можно ли сделать на одной странице?

    Всем заранее спасибо за помощь!

  2. #2

    Регистрация
    29.01.2005
    Адрес
    Одесса
    Сообщений
    1,020
    да, конечно можно без фрэймов. даже нужно : )
    ты должен сове меню позиционировать абсолютно, плюс z-index поставить ему самый высокий, чтобы меню было самым верхним слоем.
    Код:
    <-- шапка -->
    <div style="position:absolute; z-index:100;">менюха вся</div>
    <-- все остальное -->

  3. #3

    Регистрация
    11.04.2006
    Адрес
    Приморский край, г.Владивосток.
    Сообщений
    36
    А вот рабочий макет!..

    <html>
    <head>
    <script type="text/javascript">
    if (document.images)
    { img1 = new Image(11, 11);
    img1.src = &#39;pl.gif&#39;
    img2 = new Image(11, 11);
    img2.src = &#39;mn.gif&#39; }
    function getObject(sId) {
    if (document.all) return document.all[sId];
    else if (document.getElementById) return document.getElementById(sId);
    else return null;}
    function Show(N) {
    oDiv = getObject(&#39;d&#39; + N);
    oImg = getObject(&#39;i&#39; + N);
    if (oDiv && oImg) {
    if (oDiv.style.display == &#39;none&#39 {
    oDiv.style.display = &#39;block&#39;;
    oImg.src = img2.src;
    } else {
    oDiv.style.display = &#39;none&#39;;
    oImg.src = img1.src;}}}
    </script>

    </head>
    <body>
    <!--
    Правила Меню:
    <img id="i+номер меню" onclick="Show(номер меню)>
    <div id="d+номер меню">
    -->

    [img][/img]
    Щёлкни, и меню раскроется

    <div id="d1" style="display: none;">
    [Только зарегистрированные пользователи могут видеть ссылки. ]

    [Только зарегистрированные пользователи могут видеть ссылки. ]


    [Только зарегистрированные пользователи могут видеть ссылки. ]

    </div>



    [img][/img]
    Щёлкни, и меню раскроется

    <div id="d2" style="display: none;">
    [Только зарегистрированные пользователи могут видеть ссылки. ]

    [Только зарегистрированные пользователи могут видеть ссылки. ]

    [Только зарегистрированные пользователи могут видеть ссылки. ]



    </div>
    </body>
    </html>

    Сам пользуюсь.
    Зая**** б***ь!

Похожие темы

  1. Меню
    от usk в разделе Веб-программирование
    Ответов: 0
    Последнее сообщение: 24.10.2008, 19:16
  2. Ответов: 0
    Последнее сообщение: 13.08.2008, 22:18
  3. Выпадающее меню
    от Jerk в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 30.04.2008, 01:24
  4. css меню
    от bacteriophage в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 11.03.2007, 21:52
  5. Ответов: 13
    Последнее сообщение: 06.01.2006, 04:41

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •