Чому з урока 34 я написав код а воно не відображається а точніше нічого не помінялося?

.header {
background-color: darkslateblue; 
height: 177px;
font-size: 0.8em;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}

.main, .logo, .menubar, .site_content, .footer {
margin-left: auto;
margin-right:auto;
}

.logo{
width: 880px;
padding-bottom: 20px;
}

.logo h1, .logo h2 {
font: normal 300% 'century gothic', arial, sant-serif;
margin: 0 0 0 9px;
}

.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover {
padding: 22px 0 0 0;
color: #fff;
letter-spacing: 0.1em;
text-decoration:none;
}

.logo_text h2 {
font-size: 0.9em;
padding: 4px 0 0 0;
color:#999;
}

.menubar{
width: 900px;
height: 46px;
}

ul.menu{
float: right;
}

ul.memu li{
float:left;
padding: 0 0 0 9px;
list-style: none;
margin: 1px 2px 0 0;
}

ul .menu li a {
font: normal 100% 'trebuchet ms', sans-serif;
display:block;
height:20px;
padding:6px 35px 5px 28px;
color:#fff;
text-decoration: none;
}

ul .menu li.selected a {
color:#aeb002;
}

ul.menu li a:hover {
color:#e4ec04;
}

html

css

5 ответов

Покажи весь код целиком и HTML и CSS. По отрывку кода css не могу помочь, может в HTML быть ошибка, например DIV не закрыт или еще что-то.

У вас HTML код совсем не правильный:

1. Div с большой буквы

2. Пробелы типа: < Div class = " menubar " >

Из-за этого ошибки. Вот пример как должно быть:

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

Сравните ваш код и код из ссылки.

Теги с большой буквы написаны, должны быть с маленькой. Также, если не меняется, нужно запустить в другом браузере или нажать на ctrl и f5, чтобы сбросился кэш страницы.

<! DOCTYPE html> 
< html  lang = " en " > 
< head > 
	< meta  charset = " UTF-8 " > 
	< meta  name = " viewport "  content = " width = device-width, initial-scale = 1.0 " > 
	< title > kinomonster </ title > 
	< link  rel = "stylesheet "  href= " Assets / css / style.css " > 
</ head > 
< body >

	< Div  class = " main " >

		< 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 > 
				</ ul >

			</ Div >	



		</ Div >

	</ Div >

</ Body > 
</ html >

Я ніби зробив все правильно але не помінялося

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>kinomonster</title>
	<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

	<Div class="main">

		<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>
				</Ul>

			</Div>	



		</Div>

	</Div>

</body>
</html>