Нужно сделать вертикальное html меню с использованием css

Тема в разделе "Верстка", создана пользователем BIZON, 26 фев 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. BIZON

    BIZON Перезагрузка...

    Moderator
    • Супермодератор
    Регистр.:
    31 окт 2006
    Сообщения:
    574
    Симпатии:
    1.541
    Тема с горизонтальным меню Перейти по ссылке

    Нужно сделать вертикальное меню, как навигация по "Наши решения" Перейти по ссылке

    Что бы при нажатии на определённый пункт, выводилась информация, и фиксировалась..

    Я в этом дуб... :(
     
  2. Горбушка

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.175
    Симпатии:
    2.195
    float: left;
    Удали и будет вертикальным =)
     
  3. BIZON

    BIZON Перезагрузка...

    Moderator
    • Супермодератор
    Регистр.:
    31 окт 2006
    Сообщения:
    574
    Симпатии:
    1.541
    Дело в том, что это меню, встроено в сам шаблон, и оно выполняет нужные стандартные функции, его изменять нельзя.

    Выводит оно исключительно навигационные пункты, а не фиксирует при нажатии присвоенные блоки с информацией.

    Мне нужен произвольный код, что бы такое "вертикальное" меню, можно было внедрить в любую страницу.

    По нажимай "Наши решения" https://www.nulled.cc/redirect/?url=http://div-studio.com.ua/prodvizhenie-sayta-paket-ukraina.html

    Там идёт загрузка новых страниц, мне же нужно обратное, не загружать новые страницы, а выводить блоки с информацией на конкретной странице.
     
  4. alexmay

    alexmay Постоялец

    Регистр.:
    7 июн 2011
    Сообщения:
    50
    Симпатии:
    7
    Прячете то что хотите отображать свойством display: none либо visibility: hidden (либо спрятать за пределы экрана left: -9999px) , а то что хотите отображать при выборе пункта меню снова показываете в классе "curent", "active" или другой (в зависимости от CMS) display: block, visibility: visible, left: 0px.
     
  5. jean nemar

    jean nemar Постоялец

    Регистр.:
    11 май 2013
    Сообщения:
    58
    Симпатии:
    36
    Я сделал меню вчера, вот код:
    1. #nav {
    2. padding: 0; margin: 0;
    3. text-align: center;
    4. }
    5. #nav li {
    6. display: inline;
    7. list-style: none;
    8. }
    9. #nav a {
    10. display:inline-block;
    11. margin: 0 30px;
    12. }
    1. <ul id="nav"><!--
    2. --><li><a href="#">Home/a></li><!--
    3. --><li><a href="#">Services</a></li><!--
    4. --><li><a href="#">About</a></li><!--
    5. --><li><a href="#">Contact</a></li>
    6. </ul>