Як зробити меню зліва в HTML?

Як зробити звичайне меню зліва, без всяких наворотів?

Відповідей: 0
  1. eugeny-pol [2.5 K]:

    В 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. kiberpank [686]:

    Якщо використовуєш табличну верстку створюй таблиці з 2х колонок лівій колонці призначай ширину каторая необхідна для меню і розміщуєш меню у цій колонці.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *