+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Отступ отображается не корректно

  1. #1
    Новичок darksider92 на пути к лучшему Аватар для darksider92
    Регистрация
    09.01.2017
    Сообщений
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Сообщение Отступ отображается не корректно

    Добрый день уважаемые формчане. У меня такая проблема. Использую sublime tex3 плагин emmet. Суть проблемы состоит в том, что при использование padding и прописывая свойства для отступа он применяет совершенно другие отступы. Например задаю 10px 20px(в классе right-bar); а он применяет совершенно другие. Отступ нужен как на картинке(подскажите пожалуйста где рыть). Спасибо всем кто откликнется=)

    PS: html и css изучаю 1 день, сильно не критикуйте =))


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
    <div class="karkas">
    <div class="header">
    <a href="#"><img class="logo" src="images/logo.jpg"></a>
    <ul class="menu">
    <li><a href="#">Aktuelles</a></li>
    <li><a href="#">Philosophie</a></li>
    <li><a href="#">Besonderheiten</a></li>
    <li><a href="#">Partner</a></li>
    <li><a href="#">Kontakt</a></li>
    <li><a href="#">Impressum</a></li>
    </ul>
    </div>
    <div class="main-content">
    <div class="main-content-img">
    <img src="images/content-img.jpg" alt="главная картинка">
    </div>
    <div class="content-left">
    <h1>Sehr geehrte Patienten,</h1>
    <p> wir freuen uns, dass Sie sich für unsere Praxis für moderne Zahnheilkunde interessieren – herzlich willkommen!</p>
    <p>Die Homepage soll Ihnen einen ersten Einblick in das Leistungsspektrum und die Behandlungsphilosophie vermitteln. Es wird Sie interessieren, wie schonend und sorgsam ein Zahnarztbesuch sein kann.</p>
    <p>Sie sind herzlich eingeladen, sich bei einem Besuch in meiner Praxis mit ihren Fragen und Wünschen anzuvertrauen.</p>
    <p>Ihre Dr. Dr. Günther Chmelitschek und Dr. Thomas Chmelitschek</p>
    </div>
    <div class="right-bar">
    <h1>Sprechzeiten</h1>
    <p>Zahnarztpraxis Dr. Dr. Chmelitschek<br />
    Stollstr. 6<br />
    83022 Rosenheim</p>
    <p>Mo-Fr von 08:00-18:00 Uhr<br/>
    und nach Vereinbarung</p>
    </div>
    </div>
    <div class="footer">
    <p>Zahnarztpraxis Chmelitschek © 2011</p>
    </div>
    </div>
    </body>
    </html>




    .menu li{
    float: left;
    border-left: 1px solid #f3f3f3;
    padding:8px 25px 8px 25px;
    }

    .menu li:fist-child{
    float: left;
    border-left:none;
    padding: 8px 25px;

    }
    .menu li a{
    color: #5f5d67;
    text-decoration: none;
    }

    .menu li a:hover{
    text-decoration: underline;
    color:#9dc5f0;
    }

    /*Основная часть контента*/
    .main-content{
    overflow: hidden;

    }
    .main-content h1{
    font:normal 24px "Time new Roman";
    margin-bottom: 20px;
    }

    .main-content p{
    margin-bottom: 20px;
    }

    .content-left{
    background: #fff;
    padding: 30px;
    width: 420px;
    float: left;
    }
    .right-bar{
    background: #fff;
    width: 230px
    padding:10px 10px 30px 25px;
    float: right;
    }


    Какой нужен отступ.


    Какой отступ получается у меня

  2. #2
    Местный vasian7474 на пути к лучшему Аватар для vasian7474
    Регистрация
    05.01.2017
    Сообщений
    277
    Thanks
    0
    Thanked 0 Times in 0 Posts
    _________________
    _________________
    Заработок на просмотре рекламы от 2000 рублей.
    Работаем с 2010 года.
    Ежедневные выплаты без задержек.

    Подробнее на сайте ....................


+ Ответить в теме

Похожие темы

  1. Ответов: 4
    Последнее сообщение: 24.08.2014, 17:16
  2. Ответов: 2
    Последнее сообщение: 14.07.2012, 18:21
  3. Ответов: 0
    Последнее сообщение: 06.04.2011, 15:18
  4. Ответов: 0
    Последнее сообщение: 07.12.2010, 13:02
  5. flash не корректно отображается
    от tgarl в разделе HTML
    Ответов: 2
    Последнее сообщение: 18.10.2010, 08:48

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения

 

Html-форум RATING ALL.BY Рейтинг@Mail.ru