More from: li

Раздвигающееся вертикальное меню на CSS3

Меню построено на неупорядоченном списке и имеет один уровень (очень часто, такого уровня вложенности хватает для решения задач интерфейса приложения <ul id="nav"> <li><a href="#"><img src="images/t1.png" /> Главная</a></li> <li><a href="#" class="sub" tabindex="1"><img src="images/t2.png" />HTML/CSS</a><img src="images/up.gif" alt="" /> <ul> <li><a href="#"><img src="images/empty.gif" />Ссылка 1</a></li> <li><a href="#"><img src="images/empty.gif" />Ссылка 2</a></li> <li><a href="#"><img src="images/empty.gif" />Ссылка 3</a></li> <li><a href="#"><img src="images/empty.gif" […]


Горизонтальное меню с элементами одинаковой ширины

Ваш браузер не поддерживает плавающие фреймы! Самый простой вариант разметки — задать элементам списка одинаковую ширину, указав ее в процентах относительно ширины элемента-контейнера. Разметка HTML <nav> <ul> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav><nav> <ul> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav> Стили CSS nav { display: block; position: […]