Страница 1 из 11
Форум про uCoz » Всё для web-мастера » Верстальщик » Как поставить меню навигаций на сайт (Нужна помощь в HTML и CSS.)
Как поставить меню навигаций на сайт
rekersil
Дата: Четверг, 02.02.2017, 22:01 | Сообщение # 1
Проверенные
Сообщений:71
Награды: 0


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





Код
<!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(4Kb) · 6380284.png(3Kb)
Nikas
Дата: Четверг, 02.02.2017, 22:34 | Сообщение # 2
Модераторы
Сообщений:209
Награды: 2


Код
   <div style="margin-left: 20%;" class="header-menu">


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




Сообщение отредактировал Dixes - Четверг, 02.02.2017, 22:35
waak
Дата: Четверг, 02.02.2017, 22:50 | Сообщение # 3
Vip
Сообщений:172
Награды: 4


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


Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372
Вебмани R234675901433
Киви 79094024545
Kosten
Дата: Четверг, 02.02.2017, 23:07 | Сообщение # 4
Администраторы
Сообщений:13495
Награды: 47


Цитата Dixes ()
твой сайт чувак забанили

А что за кино сайт?
Nikas
Дата: Четверг, 02.02.2017, 23:19 | Сообщение # 5
Модераторы
Сообщений:209
Награды: 2


Цитата Kosten ()
А что за кино сайт?


я не успел посмотреть 08a


rekersil
Дата: Пятница, 03.02.2017, 23:33 | Сообщение # 6
Проверенные
Сообщений:71
Награды: 0


Kosten, да тестовый тот сайт был.Я его удалю и новый сделаю

Добавлено (03.02.2017, 23:33)
---------------------------------------------
Спасибо всем,кто помогал.

Kosten
Дата: Пятница, 03.02.2017, 23:58 | Сообщение # 7
Администраторы
Сообщений:13495
Награды: 47


rekersil, вы решили проблему?
Kosten
Дата: Суббота, 04.02.2017, 00:01 | Сообщение # 8
Администраторы
Сообщений:13495
Награды: 47


Закрыто!
Форум про uCoz » Всё для web-мастера » Верстальщик » Как поставить меню навигаций на сайт (Нужна помощь в HTML и CSS.)
Страница 1 из 11
Поиск: