Помощь с горизонтальным меню

Тема в разделе "Веб-дизайн", создана пользователем Shark-w810i, 29 май 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Shark-w810i

    Shark-w810i Создатель

    Регистр.:
    8 фев 2008
    Сообщения:
    21
    Симпатии:
    1
    Здраствуйте... постольку поскольку плоховато шарю в css и java, прошу помощи)) вообщем вопрос вот в чём... на моём (пока ещё не доделаном сайте) http://shocktv.ru/ появилась загвоздка с выпадающим горизонтальным меню, проблема во вкладке фильмы - выпадает 17 категорий фильмов.... из-за этого меню получается очень длинное, есть ли способ сделать что-бы меню выпадало не в один ряд а в несколько
    т.е. было так:
    --------------------------------------
    --------------------------------------
    I бла I
    I бла I
    I бла I
    I бла I
    I бла I
    I бла I
    I бла I
    I бла I
    I бла I
    I бла I
    I бла I
    I бла I
    а надо так:
    --------------------------------------
    --------------------------------------
    I бла I бла I бла I бла I
    I бла I бла I бла I бла I
    I бла I бла I бла I бла I
    I бла I бла I бла I бла I
    P.S. : лень рисовать было)))
    ну отдалённо должно выйти что-то похожее на вот это
    http://www.cssplay.co.uk/menus/drop_lists.html#nogo
    или может что-то типа такого скролинга сделать можно
    http://www.cssplay.co.uk/menus/drop_scroll.html#nogo
    вообщем буду рад любой помощи, заранее спасибо))


    ах да чуть не забыл само меню вот....(вроде всё что было от него)
    Посмотреть вложение ja_cssmenu.rar
     
  2. Agent_Smith

    Agent_Smith Создатель

    Регистр.:
    31 июл 2008
    Сообщения:
    26
    Симпатии:
    2
    Вложи внутрь еще один список.
    Или выводи тупо через разделитель
    <li>ссылка | ссылка | ссылка</li>
     
  3. Shark-w810i

    Shark-w810i Создатель

    Регистр.:
    8 фев 2008
    Сообщения:
    21
    Симпатии:
    1
    нее не прокатывает...
    так уже пробовал, просто не отображает половину меню
    если так сделать то автоматически переносит слова на другую строчку и меню отображается очень коряво...


    :bc::bc::bc:
     
  4. manourr

    manourr Постоялец

    Регистр.:
    2 мар 2009
    Сообщения:
    78
    Симпатии:
    25
    В примере с cssplay.co.uk в меню используются не привычные несортированные списки (ul, li), а difinition lists (dl, dt, dd). Это позволяет использовать несколько списков в одном выпадающем меню и прописывать стили для каждого отдельно. Посмотри на исходники той страницы - там всё довольно просто.
     
    Shark-w810i нравится это.
  5. BlackPawn

    BlackPawn Постоялец

    Регистр.:
    19 мар 2009
    Сообщения:
    75
    Симпатии:
    27
    Вертикальную прокрутку сделать просто, добавь для вложенного списка стили
    HTML:
    
    ...
                <ul style="width:150px; height:150px;  overflow-y:scroll;">
                  <li><a href="http://shocktv.ru/drama">Драма</a></li>
                  <li><a href="http://shocktv.ru/horror">Ужасы</a></li>
                  <li><a href="http://shocktv.ru/boevik">Боевик</a></li>
                  <li><a href="http://shocktv.ru/triller">Триллер</a></li>
                  ...
                  </ul>
    ...
    
     
    manourr и Shark-w810i нравится это.
  6. Shark-w810i

    Shark-w810i Создатель

    Регистр.:
    8 фев 2008
    Сообщения:
    21
    Симпатии:
    1
    не успел разобраться, но для общего развития всё равно большое спасибо;)

    спасибо оч помогло))

    Большое спасибо Nulled и всем Nulled'чанам биГ Fенкс:thenks::thenks::thenks: :ay:
     
Статус темы:
Закрыта.