Как поднять меню?

можете подсказать как можно поднять меню ( Фильмы, Сериалы, Рейтинг фильмов, Контакты) и где это нужно прописать чтобы поднять этот список на сини фон киномонстр? ато этот список меню уменя уходит за грань синего фона в белый фон и сам шрифт тоже белый и текст не виден

html

css

5 ответов

Вот здесь есть готовый пример как должно быть, можно прямо со своим кодом сравнить и сразу результат готовый в браузере посмотреть и ошибку покажет:

https://fructcode.com/ru/courses/html-and-css/header-and-top-menu/

походу я уже не смогу сравнивать код так как мой курс обучение давно уже закончился

я сравнил все коды по скаченным видео уроком HTML и CSS до 10 урока вроде все коды без ошибок но в браузере все равно снизу за синем фоном и не знаю как этот меню поднять к синему фону

я все таки сам нашел что нужно было изменить в коде так как на видео не получилось и мне удалось немного поднять изменив код на

ul.menu li {
float: left;
padding: 0 0 0 9px;
list-style: none;
margin: -30px 2px 0 0;

именно изменил margin -30px остальное все по умолчанию как на видео

я знаю, что у вас уже закончились курсы, но все же, это может помочь кому-нибудь с такой же проблемой. у меня случилось тоже самое, ваш способ помог мне, но он будет не правильным. ошибку я нашел, когда делал второй сайт (для практики и закрепления материала).

<div class="header">
<div class="logo">
<div class="logo_text">
<h1><a href="/">КиноМонстр</a></h1>
<h2>Кино - наша страсть!</h2>
</div>
</div>

<div class="menubar">

<ul class="menu">
<li class="selected"><a href="#">Главная</a></li>
<li><a href="#">Фильмы</a></li>
<li><a href="#">Сериалы</a></li>
<li><a href="#">Рейтинг фильмов</a></li>
<li><a href="#">Контакты</a></li>

</div>

див менюбар должен находиться в диве хеадер (то, что сверху)

и тогда все будет так, как на видео:)