Наталья12

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

Recommended Posts

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

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

<!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 by klierik

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By glad007
      Добрый день, бороздя просторы интернета нашёл такую интересную вещь. Тыкаю на ссылку мне открывается новая вкладка №2, а в кладка №1 меняет свой адрес на другой. тоесть вот так. БЫЛ НА test1.ru, а стала test2.ru. Как это сделать?
    • By makingweb
      HTML верстка шаблонов из psd макетов
      валидность - w3c кроссбраузерность семантичность хорошее отображение на мобильных устройствах использование jQuery Создание сайтов-визиток. 
      Цена за верстку одной страницы от 50$.
      HTML5 верстка примеры работ
      Email: youneekweb@gmail.com


    • By danil-html
      Делаю качественную html верстку на заказ.
       
      Верстаю из psd макета.
      Для оценки по цене и срокам, нужно показать макет. 
      html + css + javascript интеграция с cms wordpress делаю сайты-визитки "под ключ" Контакты:
      skype: danil-html
      email: danil.html@gmail.com
      danil-html.ru - Отзывы и примеры работ

      Последние работы по html верстке:
      http://danil-html.ru/works/EGRPMSK/
      http://danil-html.ru/works/lovely/
      http://danil-html.ru/works/parasel/
      http://danil-html.ru/works/diet/
      http://danil-html.ru/works/rex/
      http://danil-html.ru/works/school/
      http://danil-html.ru/works/shapka/
      http://danil-html.ru/works/template1/
      http://danil-html.ru/works/woods/
      http://danil-html.ru/works/webtream/
       
  • Member Statistics

    46,546
    Total Members
    3,128
    Most Online
    asd_rojd
    Newest Member
    asd_rojd
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.