Hallo,
Ich würde gerne den Abstand zwischen der Überschrift und dem Text ändern. Und zwar wäre mir am liebsten das mit Typoscript oder in den tiefen der Typo3 Dateien zu ändern, wenn das möglich ist?
Danke im Voraus
Abstand zwischen Überschrift und Text ändern
CSS?
Deswegen habe ich geschrieben in TS, weil ich es nicht in CSS machen möchte ;-) Oder gibt es keine andere Möglichkeit?
content(default) oder css_styled_content?
Wenn content(default) kannst du im Konstanten Editor die Überschriften definieren, dann kannst du dahinter ein paar <br /> setzen (ist aber unsauber)
Danke für deine Antwort. Also der eigentlich Grund, warum ich das nicht in CSS lösen möchte ist, weil ich von CSS nicht so super viel Ahnung habe und die Zeit bis ich fertig sein muss langsam knapp wird...
:o
Was ich nämlich nicht so ganz verstehe ist, wie ich eine Überschrift, welche ich in CSS definiert habe, später in Typo3 "ansprechen" kann? Bzw mal zur Verdeutlichung: Mir ist nicht ganz klar, woher Typo3 weiß, wenn ich im Feld "Überschrift" etwas eingebe, dass dann eine bestimmte Definition aus CSS genutzt werden soll?
Beim normalen Content ist mir das klar, da macht man ja einfach die Marker an die entsprechende Stelle im html Code... Aber die Überschriften haben, zumindest bei mir, keinen eigenen Marker.... :o
Wenn du eine Überschrift im Layout1 anlegst, dann hast du im HTML folgenden Text:
<h1>Das ist eine Überschrift</h1>
(wenn du css_styled_content eingebunden hast)
Im CSS sprichst du alle Überschriften der Klasse ein so an:
h1 {
color: red;
margin-bottom: 50px
usw...
}
Hm....du meinst den Quellcode von der mit Typo3 erstellten Seite oder? Denn in meiner HTML-Vorlage, die ich eingebunden habe, finde ich so etwas nicht. In dem mit Typo3 erstellten Quellcode meiner Webseite steht dort wo die Überschrift ist nur folgendes und nichts über h1, h2 oder so:
<!-- CONTENT ELEMENT, uid:7/textpic [begin] -->
<a id="c7"></a>
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:74px;"><dt><img src="uploads/pics/100358_SW_A_J2EE_S.jpg" width="74" height="52" border="0" alt="" /></dt><dd class="csc-textpic-caption"></dd></dl></div><div style="margin-left:74px;"><div class="csc-textpic-text"><div class="csc-textpicHeader csc-textpicHeader-26"><font face="Arial" size="4"><b>Projekte</b></font><br><br></div>
<!-- Text: [begin] -->
<p class="bodytext">Hier steht ein Text</p>
<!-- Text: [end] -->
</div></div></div><div class="csc-textpic-clear"><!-- --></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:7/textpic [end] -->
Du hast css_styled_content nicht eingebunden
Bei dir geht das im CSS so:
.csc-textpicHeader {
margin-bottom: 40px;
}
Hm...eingebunden ist css_styled_content eigentlich.... Es hat auch wunderbar so funktioniert jetzt, vielen vielen Dank!
Jedoch ist mein Problem noch nicht gelöst, denn der Abstand hat sich trotz
margin-bottom: 0px;
nicht verkleinert. Wenn ich einen höheren Wert nehme, vergrössert sich der Abstand, es ist also anscheinend richtig konfiguriert.
Das war übrigens ein schlechtes HTML Beispiel von mir, da dort ein <br> drinnen steht. An den anderen Stellen ist aber kein <br> enthalten.
margin: 0px;
padding: 0px;
etc...
Ich bin wirklich sehr dankbar für deine Hilfe....aber irgendwie tut sich da nichts 😢
Habe schon folgende Werte gesetzt:
margin-bottom: 0px
margin: 0px;
padding: 0px;
margin-top: 0px
Bin echt langsam am Verzweifeln... 😢
Hallo,
wie ich deine HTML Quellcode Ausschnitt entnehme sind da noch 2 <br> Tags drin, die wohl für den Abstand verantwortlich sind.
Aus css_styled_content läuft Deine Site sicher nicht - hast du evtl. beides an? - sonst dürften keine font Tags mehr auftauchen und die br Tags wären auch weg.
Dann klappt das mit der Formatierung per CSS so wie beschrieben.
Gruß
Michael
Hallo,
Ich habe mal einen CSS Spezi draufschauen lassen. An der CSS und HTML Konfig passt alles. Was aber Typo3 aus irgendeinem uns unerklärlichen Grund macht ist, immer zwei <br> nach der Überschrift reinzuhauen???
Das muss also irgendwo in Typo3 noch konfiguriert werden können, die Frage ist wo? 🙁
Wegen der Frage bzgl css_styled_content: Das ist bei mir unter "include static" eingetragen.
Ich habe gerade noch was entdeckt: Wenn ich die Überschrift in das Feld "Header" schreibe, dann haut Typo3 2 <br> rein. Wenn ich die Überschrift in dem Textfeld eingebe und als "Headline" formatiere sind keine <br> drinnen, aber der Abstand bleibt so gross. Im HTML sieht das dann wie folgt aus:
<!-- CONTENT ELEMENT, uid:2/textpic [begin] -->
<a id="c2"></a>
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-intext-left-nowrap"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:74px;"><dt><img src="uploads/pics/107_SYS_S.jpg" width="74" height="52" border="0" alt="" /></dt><dd class="csc-textpic-caption"></dd></dl></div><div style="margin-left:74px;"><div class="csc-textpic-text">
<!-- Text: [begin] -->
<h5>Architektur </h5>
<p class="bodytext">Hier steht der Text.</p>
<!-- Text: [end] -->
</div></div></div><div class="csc-textpic-clear"><!-- --></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:2/textpic [end] -->
Mein CSS (Auszug) so:
h5 {
margin-bottom: 0px
margin: 0px;
padding: 0px;
margin-top: 0px
}
bodytext {
margin-bottom: 0px
margin: 0px;
padding: 0px;
margin-top: 0px
}
Also wenn man hier
h5 {
margin-bottom: 0px
margin: 0px;
padding: 0px;
margin-top: 0px
}
alles bis auf margin-bottom entfernt funktioniert es.... #paralyzed#
Eigendlich ist das ja kein CSS-Forum, aber da ich eingefleischter CSS-Fan bin:
Margin-Beispiel:
h5 {
margin: 0px 0px 0px 0px;
}
Gleichbedeutend:
h5 {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
Die 4 Werte von Margin sind wie im 2. BSP angeordnet... 1. Wert ist oben, 2. rechts, 3. unten, 4. links. Also im Uhrzeigersinn.
Mit padding ist es exakt gleich, das eine ist eben der Innenabstand und das andere Außenabstand.
CSS-Kurzreferenz:
http://de.selfhtml.org/navigation/css.htm
MFG Proximo