2
1

Делал все так же как в уроке,но блок с постером уехал в левый нижний угол,шрифты тоже не поменялись

</html!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
    <meta name="description" content="КиноHistory- это сайт с хорошими историческими фильмами" />
    <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="/">КиноHistory</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 class="site_content">

        	<div class="sidebar_container">
        		
                <div class="sidebar">               	
                    <h2>Поиск</h2>
                    <form method="post" action="#" id="search_form" >
                        <input type="search" name="search_field" placeholder="Ваш запрос" />
                        <input type="submit" class="btn" value="Найти" />
                    </form>
                 </div>

                 <div class="sidebar">
                 	<h2>Вход</h2>
                 	<form method="post" action="#" id="login">

                        <input type="text" name="login_field" placeholder="Логин" />
                        <input type="password" name="password_field" placeholder="Пароль" />
                        <input type="submit" class="btn" value="Вход" />
                        <div class="lables_passreg_text">
                        	<span><a href="#">Забыли пароль?</a></span> | <span><a href="#">Регистрация</a></span>
                        </div>

                    </form>
                 </div> 

                 <div class="sidebar">
                 	<h2>Новости</h2>
                 	<span>31.02.2020</span>
                 	<p>Мы запустились!!!!</p>
                 	<a href="#">Читать</a>
                        
                 </div>

                 <div class="sidebar">
                 	<h2>Рейтинг фильмов</h2>
                 	<ul>
                 		<li><a href="#">Какой-то фильм</a><span class="rating_sidebar">1.1</span></li>
                 	</ul>
                 </div>
                 
                 <div class="sidebar">
                    <h2>Рейтинг сериалов</h2>
                    <ul>
                        <li><a href="#">Какой-то сериал</a><span class="rating_sidebar">1.1</span></li>
                    </ul>
                </div>

                 </div>

             </div>
                
            </div>

            <div class="content">
            	
                <h1>Новые фильмы</h1> 

                <div class="films_block">
                	
                    <img src="assets/img/breakingbad.png">

                </div>

            </div>

        </div>









      <div class="footer">
            <p>
            <a href="#">Главная</a> |
            <a href="#">Фильмы</a> |
            <a href="#">Сериалы</a> |
            <a href="#">Рейтинг фильмов</a> |
            <a href="#">Рейтинг сериалов</a> |
            <a href="#">Контакты</a> |
            </p>
            <p>wh-db.com 2020</p>
      </div>
        
    </div>
</body>
</html>

student_Y3bJ4BgO
4 years ago






разберись с вложенностью блоков - перед блоком Новые фильмы лишние закрывающие теги </div>

Олег
4 years ago

Один ответ