Zum Inhalt springen

Absätze zwischen Überschrift und Text

Erstellt am 21. Februar 2007 · 8 Antworten · letzte Antwort am 21. Februar 2007

Tags: HTML & CSS, Frage

Popp ·

Hallo zusammen,

Ich habe das Problem, dass typo3 mir Absätze zwischen Überschrift und Text setzt die ich nicht will. Wie bekomme ich die weg?
Außerdem funktioniert das align nicht. Ich kann nichts rechtsbündig ausgeben...

Hat jemand eine Idee an was das liegt?

Besten Dank!!

m.​att ·

de.selfhtml.org/html/text/ueberschriften.htm#definieren :

Jede Überschrift ist ein eigener Absatz, d.h. vor und nach Überschriften sind keine Seite Absatzschaltungen nötig.

Aber um dir ein wenig auf die sprünge zu helfen. Es muss wieder eine neue definition in css stattfinden, da ja browser normalerweise Absätze nach Überschriften machen. Das heisst du musst den browser per css anweisunf mitteilen, dass er diesen absatz (nach der überschrift <h1>) zu unterlassen hat (mit z.B. margin-bottom).

Zu dem alin-problem: Ohne deinen CSS code kann ich, und andere sicher auch, nicht genau saen wo der fehler liegt.

Viele Grüße
m.att

Popp ·

Hi m.att,

ich habe das über css bereits probiert. Es funktioniert nicht: Hier der Code:

h1 { font-size: 20px; line-height: 22px; font-weight: normal; }
h2 { font-size: 11px; }

h1 { margin-bottom: 0px; }
h2 { margin-bottom: 0px; }

Hat es etwas damit zu tun, dass die vorlage in xhtml geschrieben wurde?

Das align-Problem, da weiß ich ehrlich gesagt nicht, welchen Code Du brauchst:

body {
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:15px;
}
#content {
	float:left;
	width:472px;
}

Das ist der, der meiner Meinung nach wichtig ist.

Wenn ich mir den Code der Seite anschau, steht da folgendes:

<div id="content">
	<!--  CONTENT ELEMENT, uid:12/text [begin] -->
		<a id="c12"></a>
		<!--  Header: [begin] -->
			<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Hier Überschrift 1</h1></div>
		<!--  Header: [end] -->
			
	<!--  CONTENT ELEMENT, uid:12/text [end] -->
		
	<!--  CONTENT ELEMENT, uid:13/text [begin] -->
		<a id="c13"></a>
		<!--  Header: [begin] -->
			<div class="csc-header csc-header-n2"><h2>Hier Überschrift 2</h2></div>
		<!--  Header: [end] -->
			
		<!--  Text: [begin] -->
			<p class="bodytext">Hier der text </p>
		<!--  Text: [end] -->
			
	<!--  CONTENT ELEMENT, uid:13/text [end] -->

Ist hoffentlich nicht zu unübersichtlich...

m.​att ·

Hi,

generell kannst du einer klasse oder id, deren Text rechts ausgerichtet sein soll

bsp.:
h2 {text-align:right;}

verpassen. Damit sollte sich das problem schon erledigt haben.

Mit den Absätzen hast du es eigentlich richtig gemacht. Kann sein dass der Textinhalt an sich in <p> ... </p> gewrapped wird. Das passiert durch den RichTextEditor. Wenn das der fall sein sollte:

p {margin-top:0px;}
Popp ·

Super!

Das mit dem p-tag in CSS definieren hat geklappt.

Das einzige Problem ist nun, dass es sich um normalen Text handelt, der rechts ausgegeben werden soll.

Kann ich denn die Einstellungen des RichTextEditor ändern? Oder ist das zu komplex?

Aber besten Dank schon mal!

m.​att ·

Du kannst deinen Text in einer <span id="blaaaa"> ... </span> ausgeben lassen. Musst du im template eingeben.

In der css datei gibt du dann an

#blaaaa {text-align:right;}
Popp ·

Aber wenn ich das allgemein ins template schreibe, dann gilt das doch für den ganzen bereich oder?

Ich habe einen content bereich, der folgendermaßen aussehen soll:

Text normal

Text normal
Text rechtsbündig

Text normal

usw.

Ist das mit deiner lösung zu machen?

m.​att ·

Um es schnell und schmerzlos zu machen:

Popp schrieb

Aber wenn ich das allgemein ins template schreibe, dann gilt das doch für den ganzen bereich oder?

Ja

Popp schrieb

Ist das mit deiner lösung zu machen?

Nö

Mit dem RTE kenne ich mich leider noch zu wenig aus.

Notfalls machst du mehrere Content bereiche...

Popp ·

Hi,

trotzdem Danke!

Hat sonst jemand eine Idee? Vielleicht auch so allgemeines über RTE?

Beste Grüße