Как поставить меню навигаций на сайт - Форум

Новые сообщения
Участники
Правила форума
Поиск
RSS

Страница 1 из 1 1
Модератор форума: -SAM-

Форум » Веб-разработка » Вопросы про uCoz » Как поставить меню навигаций на сайт (Нужна помощь в HTML и CSS.)

Как поставить меню навигаций на сайт

rekersil

Четверг, 02 Февраля 2017 | Сообщение 1

Проверенные

Сообщений:185

Награды: 1

« 13 »

Нужно сделать так,что бы меню шло после логотипа,а не в самом логотипе.

Код

<!DOCTYPE html>
<html>
<head>
    <title>HomeCinema - Твой домашний кинотеатр!</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
    <div class="wraper">
  <div class="header">
   <div class="hc-logo">
    <a href="http://homecinema.do.am/">
     <i class="icon"></i>
    </a>
   </div>
   <div class="header-menu">
    <ul class="header-menu-list">
     <li>
      <a href="http://homecinema.do.am/">
       Главная
      <a>
     </li>
     <li>
      <a href="/">
       Новинки
      </a>
     </li>
     <li>
                        <a href="/">
       Стол заказов
      </a>
     </li>
     <li>
      <a href="/">
       Помощь
      </a>
     </li>
    </ul>
   </div>
  </div>
    </div>
</body>
</html>

Код

.wraper {
    width: 950px;
    position: relative;
    margin: 0 auto;
}

.header {
    width: 950px;
    height: 50px;
    background: #292929;
}

.hc-logo {
    position: fixed;
    width: 160px;
    height: 50px;
    margin-left: 60px;
}

.hc-logo:hover {
    opacity: 0.9;
}
.icon {
    background: url("images/logo-header.png");
    position: absolute;
    width: 100%;
    height: 100%;

}
.header-menu {
    display: inline-block;
    color: white;
}
.header-menu li {
    display: inline-block;
}

.header-menu-list {

}

Прикрепления: 5128643.png (4.4 Kb) · 6380284.png (2.6 Kb)

Страна: (UA)

Nikas

Четверг, 02 Февраля 2017 | Сообщение 2

Проверенные

Сообщений:229

Награды: 3

« 112 »

Код

твой сайт чувак забанили

Сообщение отредактировал
Dixes - Четверг, 02 Февраля 2017, 22:35

Страна: (UA)

waak

Четверг, 02 Февраля 2017 | Сообщение 3

Заблокированные

Сообщений:588

Награды: 14

« 166 »

rekersil, Здравствуйте! зачем у логотипа позиция fixed ? но это не важно, ладно! смотрите в чём проблема.
Если у логотипа позиция fixed и ширина 160рх
значит нам нужно чтоб у блока с ссылками был отступ от левой стороны чуть больше чем размер логотипа то есть 180рх
значит нам нужно просто указать блоку с классом .header-menu margin-left: 180px; и всё

Страна: (RU)