Урок 5.3. Right Block. Начнем создавать панель справа

внимательно посмотрел этот урок,по символам повторял все за автором ,а стили для input не применяются. код проверил раз 50 ошибок нет, так что либо автор дурит bли я не знаю что это за фигня. Не в первый раз такое уже,коды одинаоквые,а на экране в сравнении с автором-результаты разные!

Продолжать обучение не разобравшись -не вижу смысла.Кто в курсе что это можетбыть? код представлен ниже, проблема именно с input

<!DOCTYPE html>
<html lang="ru">

<head>
    <title>Фильмы онлайн</title>
    <meta charset="UTF-8">
    <meta name="description" content="КиноЛайф-портал с фильмами">
    <meta name="keywords" content="фильмы онлайн,фильмы,HD" />
    <link rel="stylesheet" href="css/kino.css">

</head>

<body>
    <!---main-->

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



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

</html>

* {
    margin: 0;
    padding: 0;
}

input [type="text"],
input [type="password"],
input [type="search"] {
    color: #5d5d5d;
    width: 60%;
    padding: 20px;
}

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

.main,
.logo,
.menu,
.site_xontent,
.footer {
    margin-left: auto;
    margin-right: auto;
}


.logo {
    width: 880px;
    font-size: 200%;
    padding-bottom: 40px;

    margin: 0 0 0 50px;

}

.logo h1,
.logo h2 {
    font: normal, "century gothic", 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;

}


/*menubar*/

.menubar {
    width: 900px;
    height: 46px;
    margin-left: 200px;
}

ul.menu {
    float: right;
}

ul.menu li {
    float: left;
    padding: 0 9px;
    list-style: none;
    margin: 1px 2px 0 0;
}


ul.menu li a {
    font: normal 100% "trebuchet ms", sans-serif;
    display: block;
    height: 20px;
    padding: 6px 35px 5px 28px;
    color: #fff;
    text-decoration: none;

}

ul.menu li.selected a {
    color: darkorange;
}

ul.menu li a:hover {
    color: #e4ec04;
}


/*content*/

.site_content {
    width: 880px;
    overflow: hidden;
    margin: 20px auto 0 auto;
    background-color: white;

}

.sidebar_container {
    float: right;
    width: 224px;
}

.sidebar {
    float: right;
    width: 222px;
    padding: 5%;
    margin: 0 0 16px 0;
    border: solid 1px #f2f2f2;
    border-radius: 5px;
    background-color: #f9f9f9;
}

Форма справа.не работает код

Евгений Уваров

3 years ago

2 ответов