abstände werden nicht angezeigt

[GW2BDA]

hi leute. ich habe in meinem css-code für meinen text einen linken und rechten abstand von 15px geschrieben. das funktioniert soweit auch... aber wenn ich im text eine liste (egal welche) einbaue, ist bei dem text, der nach liste noch kommt kein abstand mehr. wie kann ich diese misere verhindern?

hier mein css code (ausschnitt)

.post .postbody { padding:5px 15px; }

ich wollte noch ein bild mit anhänden aber ich kann im anhang menager nichts anklicken...:cry:

 

[Gauner]

Also wenn du gewissen Abstand nach dem oberen Text haben willst, musst du dem Text, der danach kommt, ein margin-top verpassen. z.B.: margin-top: 15px;

Oder du gibst dem obigen Text ein margin-bottom: 15px;. Bleibt dir überlassen :)

 

[Space Vampire]

der betreffende html-code wäre auch noch interessant

 

[GW2BDA]

das problem ist ja nicht, dass ich abstand oben will, sondern links und rechts. der is ja eigentlich auch geschrieben aber wird eben nach der liste nicht umgesetzt

hier html:

<div class="post">
<p class="postbody>
<!--Der Text unten hat links einen Abstand von 15px-->
<b>Text</b><br>
TextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextText<br>
<!--Der Text oben hat links einen Abstan von 15px-->
<!--Die Liste hat den Abstand auch noch-->
<ul>
<li>Punkt1</li>
<li>Punkt2</li>
</ul><br>
<!--Die Liste hat den Abstand auch noch-->
<br>
<!--Der Text unten hat keinen linken Abstand mehr-->
<b>Text</b>
TextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextText
<!--Der Text oben hat keinen linken Abstand mehr-->
</p>
</div>

 

[Space Vampire]

<p> ist an dieser Stelle das falsche Element.
So wird ein Schuh draus:

<div class="post">
	<div class="postbody>
		<p>
			<strong>Text</strong><br>
			TextTextTextTextTextTextTextTextTextText
			TextTextTextTextTextTextTextTextTextText
			TextTextTextTextTextTextTextTextTextText
		</p>
		<ul>
			<li>Punkt1</li>
			<li>Punkt2</li>
		</ul>
		<p>
			<strong>Text</strong><br>
			TextTextTextTextTextTextTextTextTextText
			TextTextTextTextTextTextTextTextTextText
			TextTextTextTextTextTextTextTextTextText
		</p>
	</div>
</div>

 

[Gauner]

Außerdem fehlt noch ein Anführungszeichen bei postbody am Ende.

 

[GW2BDA]

ja de anführungszeichen fehlen normalerweise nicht... aber danke an SpaceVampire für den tipp.