ПОМОГИТЕ НАЙТИ ОШИБКУ.

Наталья12 · November 11, 2019

Не отображается рамка на панели "поиск" и не меняется курсор при наведении на запрос.

Reveal hidden contents

<!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="sitebar">
                    
                    <h2>Поиск</h2>
                    <form method="post"=aktion="#" id="search_form" >
                        <input type="search" name="search_field" placeholder="ваш запрос" />
                        <input type="submit" class="bth" value="найти" />
                    </form>

                </div>

            </div>


        </div>


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

СSS стиль

Reveal hidden contents

* {
    margin: 0;
    padding: 0;
}

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

input, textarea {
    outline: none;
    border: none;
    border: solid 1px #f2f2f2
}

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

.logo_text h2 {
    font-size: 0.9em;
    padding: 4px 0 0 0;
    color: #999;
}

.menubar {
    width: 900px;
    height: 46px;
}

ul.menu {
    float: right;
}

ul.menu li {
    float: left;
    padding: 0 0 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: #aeb002;
}
ul.menu li a:hover {
    color: #e4ec04;

}

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

.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;
}
.btn {
    padding: 10px;
    background-color: white;
    cursor: pointer;
}

Edited November 12, 2019 by klierik

purple/ocean · November 13, 2019

Опечатка в имени класса для кнопки
В html bth, в сss btn

C рамкой то же самое sitebar и sidebar
Будь внимательнее.

Наталья12 · November 13, 2019

А, что на что нужно поменять? Делаю изменения на "btn" и в html и в css, тогда запрос найти перескакивает на вторую строчку. Плиз подскажи.

Наталья12 · November 19, 2019

Подскажите как связать все готовые страницы между собой, чтобы можно было переходить по страницам сайта?

Как сделать подсветку активного пункта меню?

Sign In

ПОМОГИТЕ НАЙТИ ОШИБКУ.

Question

Наталья12

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

purple/ocean

Link to comment

Share on other sites

Наталья12

Link to comment

Share on other sites

Наталья12

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information