1
1
.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: 40px;

}
.logo h1, .logo h2{

	font: normal 300% 'century gothic', arial, sans-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;
	
}

Здравствуйте , все сделал на уроках , но результат не тот, где могут быть ошибки? не могу разобраться .http://prntscr.com/r2k3p3http://prntscr.com/r2k40dhttp://prntscr.com/r2k477

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="description" content="Киномонстр - это портал окино" />
	<meta name="keywords" content="фильмы, фильмы онлайн, hd" />
	<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>
            

        </div>

	</div>	
	
</body>
</html>

Вадим
4 years ago






Массовая ошибка. Отправлю админам вопрос.

student_zgPCENYs
3 years ago

Здравствуйте.

в сss файле пропущена точка с запятой:

.logo_text h2 {

font-size: 0.9em;

}

Поставьте и перезагрузите страницу с очисткой кеша (на открытой странице в браузере нажмите сочетание клавиш Ctrl+F5).

Эльвина Павловская
4 years ago

Спасибо но не помогло, я уже на 3 раза переписал и все тоже самое .

Вадим
4 years ago

запятые лишние убери в конце .main, .logo, .menubar, .site_content, .footer,{

и здесь .logo, {

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

student_LmEygwQ4
4 years ago

У меня тоже самое, в этом же месте!!!

Всё проверил несколько раз. Всё точно, как на экране.

Результат не совпадает: http://joxi.ru/8An50oEfzx84E2

Что делать, куда обращаться за помощью- не знаю.

А дальше как работать?

Сергей Садовой
4 years ago

Все классы необходимо указывать с маленькой буквы.

В HTML class="Logo" и class="Logo_text", 

не соответствует классам в CSS .logo и .logo_text

Эльвина Павловская
4 years ago

Если на первый уроках уже запутались в нескольких строчках кода - не спешите, смотрите уроки сначала еще раз, внимательно, делайте конспект и пометки для себя, пишите код заново с нуля пока не станете его понимать и т.д. Иначе ваши ошибки сейчас вам покажут, а дальше вам будет сложнее с каждым уроком. Лучше сразу учиться искать самому ошибки, читать код и понимать его.

Еще посмотрите базовый курс Основы HTML/CSS - тут побольше теории и все разложено/разжевано для совсем новичков у кого много вопросов и не поняток.

Олег
4 years ago

Так и не нашёл ответа. Сколько не сверял с оригиналом всё один к одному, как в уроке. В браузере совсем другой и размер шрифта и цвет шрифта и ссылка не "активна". А результат-то нужен, шапку делать надо. Пришлось обойтись без .logo_text - всё сделать внутри дива .logo . В браузере ,вроде, похоже, ссылка при наведении реагирует. Вот что получилось:

<!DOCTYPE html>
  <html lang="ru">
   <head>
      <meta charset="UTF-8">
      <title>Document</title>
     <meta name="description" content="Киномонстр - это портал о кино"/>
     <meta name="keywords" content="фильмы, фильмы онлайн, hd"/>
     <link rel="stylesheet" type="text/css" href="assets/css/style.css">
 </head>
<body>
   <div class="main">
      <div class="header">
        <div class="logo">
            <h1><a href="/">КиноМонстр</a></h1>
            <h2>Кино - наша страсть!</h2>
        </div>

      </div>

     </div>
</body>

</html>

.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: 40px;
}

.logo h1 {
font: normal 300% 'century gothic', arial, sans-serif;
margin: 0 0 0 9px;
padding: 22px 0 0 0;
color: #fff;
letter-spacing: 0.1em;
text-decoration: none;
}
.logo h1 a:hover {
padding: 22px 0 0 0;
color: red;
letter-spacing: 0.1em;
text-decoration: none
}

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

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

Сергей Садовой
4 years ago

Всем привет! Тоже ошибка такая появилась, но внимательно посмотрел на закрывающий тег дива logo_text и он был сразу после открывающего, переместил его в нужное место и стили заработали. В общем внимание и еще раз внимание))

Александр Конышев
2 years ago

А вот, как в уроке. 100 раз проверил. Где ошибка?

<!DOCTYPE html>
   <html lang="ru">
     <head>
      <meta charset="UTF-8">
       <title>Document</title>
        <meta name="description" content="Киномонстр - это портал о кино"/>
        <meta name="keywords" content="фильмы, фильмы онлайн, hd"/>
        <link rel="stylesheet" type="text/css" href="assets/css/style.css">
     </head>
  <body>
      <div class="main">
          <div class="header">
              <div class="logo">
                 <div class="logo-text">   <!--Нашёл "родимую!" <div class="logo_text">-->
                     <h1><a href="/">КиноМонстр</a></h1>
                     <h2>Кино - наша страсть!</h2>
                 </div>
             </div>

         </div>

     </div>
 </body>
</html>

.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: 40px;
}

.logo h1, .logo h2 {

     font: normal 300% 'century gothic', arial, sans-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;
}

Сергей Садовой
4 years ago

10 ответов