Abstand von Überschrift zu Fließtext!

Hallo! Ich habe dem RTE ein Css zugewiesen! Mein Problem ist nun wenn ich eine Überschrift eingebe dann ist die Entfernung zum Text ca. 2 Absätze groß! Wie kann ich das ändern?
Wäre wirklich dankbar für eure Hilfe!

Hallo,

schwer zu sagen, was macht den abstand, ein br oder was. ...

georg

Ich habe keine Ahnung! Ich versuche mich zum ersten Mal mit Css und habe mir ein Beispiel kopiert - und versuche jetzt zu verstehen warum die Sachen so da stehen.

Hier ist das Css:

body {
font-family:  Verdana ,Arial, Helvetica, sans-serif !important;
/* background-color:#f7f7f7;
padding: 5px;
width: 574px;
min-height: 325px;
text-align: left; */
font-size: 12px  !important;
color: #101010 !important; 
}
 
.htmlarea-content-body {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size:12px !important;
/*margin:0;
padding:3px;
background-color:#f7f7f7; */
color: #101010 !important;
}
 p {
font-size : 12px;
line-height : 16px;
/* margin : 10px 0;*/
 }
ul {
list-style-type : none;
list-style-image : url(../img/pfeil_b.gif); 
/*padding-left : 15px;
margin : 5px; */
}
 ul li ul {
list-style-image : url(../img/pfeil_o.gif);
/*padding-left : 15px;
margin-bottom : 5px; */
}
img {
border : none;
}
a {
color:#3f52a0 !important;
text-decoration : none !important;
}
 a:link {
color : #3f52a0 !important;
text-decoration : none !important;
}
a:visited {
color : #3f52a0 !important;
text-decoration : none !important;
}
a:focus {
color : #FBC953 !important;
text-decoration : none !important;
 }
a:hover {
color : #FBC953 !important;
text-decoration : none !important;
}
 a:active {
color : #3f52a0 !important;
text-decoration : none !important;
}

      h1 {
      font-size : 13px;
      text-decoration : underline; 
      font-family : Verdana;
	  font-weight: bold;
      color : #000000;
      }
      h2 {
      font-size : 20px;
      /* margin : 0;
       padding : 5px 5px 5px 0;
      font-family : Verdana;
      font-weight : bold;
      color : #df5511;
       }
      h3 {
       font-size : 18px;
     /* margin : 0;
      padding : 3px 0 3px 0;*/
      font-family : Verdana;
      font-weight : bold;
      color : #3f52a0;
      }
      h4 {
      font-size : 16px;
      /*margin : 0;
      padding : 3px 0 3px 0;*/
       font-family : Verdana;
       font-weight : bold;
      color : #df5511;
      }
      h5 {
      font-size : 14px;
     /* margin : 0;
      padding : 3px 0 3px 0;*/
      font-family : Verdana;
      font-weight : bold;
      color : #3f52a0;
      }
      h6 {
      font-size : 12px;
     /* margin : 0;
      padding : 3px 0 3px 0;*/
      font-family : Verdana;
      color : #df5511;
      }

Dachte es würde vielleicht an dem p in Zeile 20 liegen, ist es aber nicht!

ohne kontext (=url) hilft das genau gar nicht

http://www.secretsupthehill.com/318.html

Es geht um den Abstand zwischen der Überschrift Schmuck und dem Text (Meine Ketten sind alle aus nadelgefilzten Filzkugeln...)

h1 hat einen margin
schreib in h1 margin:0; dazu

Dann hast du direkt nach der h1 Überschrift Schmuck ein Spacer.gif mit Höhe 5 px und dann kommt noch ein br

Danke, leider ändert sich durch ein margin bei h1 aber nix!

Doch... der margin wird einen kleinen Tacken kleiner..
Wenn du den Abstand verhindern willst, dann muss das spacer.gif raus und das br

aber wie kommt das gif dorthin und das br? mir wird der text im editor ganz oben angezeigt und da ist sonst nix? 😢

Das ist Typo3 Standard. Hinter der Überschrift wird ein <br> und ein clear.gif gesetzt. Beides kann man aber abschalten.

Um das <br> zu verhindern musst du in deinem Root Template im Setup dieses notieren:

tt_content.header.20.stdWrap.wrap = |

Das GIF verschwindet wenn du im Root Template unter Constants folgendes notierst:

content.headerSpace = 0

Beides steht aber auch hier im Forum.

ja, danke - jetzt gehts