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

Наталья12 · November 11

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

Скрытый текст


<!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 стиль

Скрытый текст


* {
    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 by klierik

purple/ocean · November 13

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

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

Наталья12 · November 13

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

Наталья12 · November 19

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

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

Sign In

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

Recommended Posts

Наталья12 0

Share this post

Link to post

Share on other sites

purple/ocean 1

Share this post

Link to post

Share on other sites

Наталья12 0

Share this post

Link to post

Share on other sites

Наталья12 0

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Similar Content

Member Statistics

Recently Browsing 0 members

Спрашивают сейчас

Пишут сейчас

Popular Contributors

Browse

Activity

Store