Расстояние между заголовком и содержимым статьи

Тема в разделе "Создание шаблона", создана пользователем rounder, 15.03.2010.

  1. Offline

    rounder Недавно здесь

    Регистрация:
    15.02.2010
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Между загoловком статьи h1/h2 и самим содержимым статьи откуда-то берётся лишнее растояние.
    [​IMG]
    Содержимое выводится внутри DIV, пробовал задавать параметры
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    как самому DIV, так и h1/h2 и всё равно получаю откуда-то это расстояние.
    Как это расстояние убрать/изменить?
     
    Последнее редактирование: 15.03.2010
  2.  
  3. progmist
    Offline

    progmist Недавно здесь

    Регистрация:
    18.05.2009
    Сообщения:
    155
    Симпатии:
    10
    Пол:
    Мужской
    Re: Расстояние между загаловком и содержимым статьи

    а текст в каком теге ? думаю в "p" - там и есть скорее всего margin или padding
     
  4. Offline

    rounder Недавно здесь

    Регистрация:
    15.02.2010
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Re: Расстояние между загаловком и содержимым статьи

    Тестсайт: http://roundertest1.0fees.net/
    Текст и DIV в котором находится.
    Index.php:
    Код (CODE):
    1. <div class="center"><div class="centercontent"><jdoc:include type="component" style="xhtml" />


    CSS:
    Код (CODE):
    1. .center {
    2. background: #fff7df;
    3. min-height: 500px;
    4. margin: 0 0 0 0;
    5. padding: 0 0 0 0;
    6. }
    7.  
    8. .centercontent {
    9. font-family: 'Times New Roman', Times, serif;
    10. font-size: 1.0em;
    11. text-align: justify;
    12. width: 1000px;
    13. margin: 0 auto;
    14. /* padding-top: 8px; */
    15. color: #525252;
    16. margin: 0 0 0 0;
    17. padding: 0 0 0 0;
    18. }
     
    Последнее редактирование: 15.03.2010
  5. progmist
    Offline

    progmist Недавно здесь

    Регистрация:
    18.05.2009
    Сообщения:
    155
    Симпатии:
    10
    Пол:
    Мужской
    Re: Расстояние между загаловком и содержимым статьи

    у тега p есть стандартный margin
    Можно так:

    Код (PHP):
    1. .contentpaneopen p {
    2.  margin: 0px;
    3. }


    и вообще советую при верстке первым делом очищать все стили, например так:

    Код (PHP):
    1. html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,
    2. strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
    3. big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,
    4. label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}
    5. /* remember to define focus styles! */
    6. :focus {outline: 0;}
    7. body {background: white;line-height: 1;color: black;}
    8. ol,ul {list-style: none;}
    9. /* tables still need cellspacing="0" in the markup */
    10. table{border-collapse: separate;border-spacing: 0;}
    11. caption,th,td {font-weight: normal;}
    12. /* remove possible quote marks (") from <q> & <blockquote> */
    13. blockquote:before,blockquote:after,q:before,q:after {content: "";}
    14. blockquote,q {quotes: "" "";}
    15. /* ||| the end |||*/
    16. /* ||| set of clearing floats |||*/
    17. .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    18. .clearfix {display: inline-block;}
    19. .clr {font-size : 1px;}
    20. /* Hides from IE-mac \*/
    21. * html .clearfix {height: 1%;}
    22. .clearfix {display: block;}
    23. .clear {clear: both;}
    24. /* End hide from IE-mac */
    25. img {
    26.     border: none;
    27. }
    28.  
    29.  
    30. a {
    31.     position: relative;
    32.     cursor: pointer;   
    33. }
     
  6. Offline

    rounder Недавно здесь

    Регистрация:
    15.02.2010
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Re: Расстояние между загаловком и содержимым статьи

    progmist
    Спасибо, то что надо
     

Поделиться этой страницей

Загрузка...