0
0

Прикладываю Сss

.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;
}

И HTML

<!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 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>	

Денис Хилинский
4 years ago






что значит "не прописывается" ?

вот у вас в коде a:hover прописан здесь

.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover {

Михаил К
4 years ago

на а и а:hover прописаны одинаковые свойства.

Поэтому ничего не меняется (если конечно ждете, что будет меняться).

Дмитрий Князев
4 years ago

Когда пишу а:hover  - то hover не выделяется ( я так понимаю значит не работает )

Денис Хилинский
4 years ago

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

иногда, как в вашем случае, наоборот задают свойства одинаковые для a и a:hover, чтобы при наведении как раз ничего не менялось, а только высвечивался курсор-палец

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

4 ответов