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

⇐ Предыдущая 9 10 11 12 131415 16 17 18 Следующая ⇒

.menu_nav { list-style: none; /* прячем маркеры */ }.menu_nav li { float: left; /* выстраиваем элементы списка в один ряд */ margin-right: 15px; /* делаем отступ чтобы пункты меню не сливались */ } a {text-decoration: none;} /*Убираем подчекривание ссылки*/.menu_nav li a { display: block; /* меняем отображение на блок, чтобы иметь возможность задавать внутренние отступы */ padding: 3px 5px; background: #ff7f50; color: #000; position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */}.menu_nav li a:hover { background: #d2b48c; color: #fff;} Результат:

⇐ Предыдущая 9 10 11 12 131415 16 17 18 Следующая ⇒

Не нашли, что искали? Воспользуйтесь поиском:

vikidalka.ru - 2015-2024 год. Все права принадлежат их авторам! Нарушение авторских прав | Нарушение персональных данных