2
2
<!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 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.2018</span>
          <p>Мы запустили расширенный поиск</p>
          <a href="#">читать</a>
        </div>

        <div class="sidebar">
          <h2>Рейтинг фильмов</h2>
          <ul>
            <li><a href="#">Джокер</a><span class="rating_sidebar">8.3</span></li>
            <li><a href="#">Паразиты</a><span class="rating_sidebar">8.0</span></li>
            <li><a href="#">Однажды в Голливуде</a><span class="rating_sidebar">7.8</span></li>
            <li><a href="#">Мстители: Финал</a><span class="rating_sidebar">7.7</span></li>
            <li><a href="#">История Игрушек 4</a><span class="rating_sidebar">7.6</span></li>
            <li><a href="#">Собачья Жизнь 2</a><span class="rating_sidebar">7.5</span></li>
          </ul>
        </div>

      </div>

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

        <div class="films_block">
          
          <a href="#"><img src="assets/img/avengers.png"></a>
          <a href="#"><img src="assets/img/joker.png"></a>
          <a href="#"><img src="assets/img/story.png"></a>
          <a href="#"><img src="assets/img/hollywood.png"></a>
          <a href="#"><img src="assets/img/parasite.png"></a>
          <a href="#"><img src="assets/img/dog.png"></a>

        </div>

      </div>

    </div>





    









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

  </div>

  
</body>
</html>

Шохжахон Ахмеджанов...
5 years ago






в CSS стили смотрите какие прописаны для блока где картинки и конкретно для img - width, max-width - это касается ширины картинки, например

Pavel Lazarev
5 years ago

Один ответ