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

BIZON

o_O
Команда форума
Администратор
Модератор
Регистрация
31 Окт 2006
Сообщения
770
Реакции
2.166
  • Автор темы
  • Модер.
  • #1
Тема с горизонтальным меню Для просмотра ссылки Войди или Зарегистрируйся

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

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

Я в этом дуб... :(
 
float: left;
Удали и будет вертикальным =)
 
  • Автор темы
  • Модер.
  • #3
float: left;
Удали и будет вертикальным =)
Дело в том, что это меню, встроено в сам шаблон, и оно выполняет нужные стандартные функции, его изменять нельзя.

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

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

По нажимай "Наши решения" Для просмотра ссылки Войди или Зарегистрируйся

Там идёт загрузка новых страниц, мне же нужно обратное, не загружать новые страницы, а выводить блоки с информацией на конкретной странице.
 
Прячете то что хотите отображать свойством display: none либо visibility: hidden (либо спрятать за пределы экрана left: -9999px) , а то что хотите отображать при выборе пункта меню снова показываете в классе "curent", "active" или другой (в зависимости от CMS) display: block, visibility: visible, left: 0px.
 
Я сделал меню вчера, вот код:
  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>
 
Назад
Сверху