Вертикальное выпадающее меню

Пример вертикального выпадающего меню (кликните по картинке, чтобы посмотреть пример вживую):

Вертикальное выпадающее меню

В данном примере код HTML ничем не отличается от кода горизонтального меню:

<ul class="menu">
	<li><a href="/">HTML</a></li>
	<li><a href="/">CSS</a>
		<ul>
			<li><a href="/">CSS1</a></li>
			<li><a href="/">CSS2</a></li>
			<li><a href="/">CSS3</a></li>
		</ul>
	</li>
	<li><a href="/">PHP</a></li>
	<li><a href="/">JAVASCRIPT</a></li>
	<li><a href="/">PERL</a></li>
	<li><a href="/">JAVA</a></li>
</ul>

В стилях нужно немного изменить свойства для пунктов.

Скачать архив

Источник: http://psd-html-css.ru/css-notes/vertikalnoe-vypadayushchee-menyu

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Вертикальное выпадающее меню | | 2012-06-08 15:28:00 | | Статьи Web-мастеру | | Пример вертикального выпадающего меню (кликните по картинке, чтобы посмотреть пример вживую):В данном примере код HTML ничем не отличается от кода горизонтального меню: HTML CSS CSS1 CSS2 CSS3 PHP | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: