Як зробити звичайне меню зліва, без всяких наворотів?
В html можна використовувати таку конструкцію:
<nav>
<ul>
<li><a href=»url1″>пункт меню 1</a></li>
<li><a href=»url2″>пункт меню 2</a></li>
<li><a href=»url3″>пункт меню 3</a></li>
</ul>
</nav>
А в css прописати приблизно такі властивості:
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li a {
text-decoration: none;
background: #999; /*Колір фону пункту меню*/
color: #fff; /*Колір тексту пункту меню*/
text-align: center; /*Текст по центру по горизонталі*/
display: block;
width: 200px; /*Ширина пункту меню*/
height: 30px; /*Висота пункту меню*/
line-height: 30px; /*Висота рядка*/
margin-bottom: 2px; /*Відступ знизу від кожного пункту меню*/
Вийде ось таке меню:
Якщо використовуєш табличну верстку створюй таблиці з 2х колонок лівій колонці призначай ширину каторая необхідна для меню і розміщуєш меню у цій колонці.
Ваш e-mail не будет опубликован. Обязательные поля помечены *
Комментарий
Имя *
E-mail *
Сайт
В html можна використовувати таку конструкцію:
<nav>
<ul>
<li><a href=»url1″>пункт меню 1</a></li>
<li><a href=»url2″>пункт меню 2</a></li>
<li><a href=»url3″>пункт меню 3</a></li>
</ul>
</nav>
А в css прописати приблизно такі властивості:
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li a {
text-decoration: none;
background: #999; /*Колір фону пункту меню*/
color: #fff; /*Колір тексту пункту меню*/
text-align: center; /*Текст по центру по горизонталі*/
display: block;
width: 200px; /*Ширина пункту меню*/
height: 30px; /*Висота пункту меню*/
line-height: 30px; /*Висота рядка*/
margin-bottom: 2px; /*Відступ знизу від кожного пункту меню*/
}
Вийде ось таке меню:
Якщо використовуєш табличну верстку створюй таблиці з 2х колонок лівій колонці призначай ширину каторая необхідна для меню і розміщуєш меню у цій колонці.