0
0

Здравствуйте. Курс просмотрел, всё записал и сохранил. Но текст так же осталься подчёркнутым. Подскажите ошибку. 

https://wampi.ru/image/62ky6LO

https://wampi.ru/image/62k9bSr

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

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

{
	width: 800px;
	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: 999px;
}

student_t-hcqs5n
4 years ago






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

.logo h1; .logo h2; {

.logo_text h2, {

если после этих правок не заработает, значит где-то в html ошибки в прописании стилей, тегов и т.д.

так как подчеркивания не должно быть - здесь это указано  text-decoration: none;

Вадим Семенов
4 years ago

Сравнил HTML с  тем как написанно у автора, вроде всё норм.
https://wampi.ru/image/62Cm7K0 - скрин автора.

https://wampi.ru/image/62CmqFO - мой скрин.

Код css подправил (буду внимательнее).

Картинка сайта изменилась, теперь нижние буквы стали больше(

https://wampi.ru/image/62Cm9dJ - картинка на сайт.

Не смог решить проблему, помогите плиз.

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

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

{
	width: 800px;
	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: 999px;
}
student_t-hcqs5n
4 years ago

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

.logo_text h2, {

Вадим Семенов
4 years ago

Исправил как вы сказали, но сайт по прежнему отображается не правильно(

https://wampi.ru/image/62CBuEI - сайт

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

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

{
	width: 800px;
	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: 999px;
}
student_t-hcqs5n
4 years ago

запятую здесь убрать нужно

.logo_text h2, {

и здесь исправить ошибки

.logo h1; .logo h2; {

верно так

.logo h1, .logo h2 {

Вадим Семенов
4 years ago

Исправил ошибки, текс изменился, но страница так же не стала такой как должна быть(

https://wampi.ru/image/62CUNci - скрин после правок.

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

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

{
	width: 800px;
	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: 999px;
}
student_t-hcqs5n
4 years ago

Вот текс HTML кода

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="description" Киномонстр - это портал о кино>
	<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"></div>
				<h1><a href="/">Киномонстр</a></h1>
				<h2>Кино - наша страсть!</h2>
			</div>

		</div>			

		</div>
	</div>
</body>
</html>
student_t-hcqs5n
4 years ago

вы стили h1,h2 задаете для класса logo_text, при этом сами надписи h1, h2 размещаете не в этом блоке

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

поэтому стили не применяются к h1,h2

переместите h1 и h2 внутрь блока, т.е. закрывайте блок после этих заголовков

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

Вадим Семенов
4 years ago

Спасибо вам огромное за терпение) Всё получилось. Конечно, вопросов еще много, но это уже другая история ) 

student_t-hcqs5n
4 years ago

9 ответов