Seite 1 von 1

[Erledigt] Themendarstellung abgrenzen

Verfasst: 29.06.2010 17:52
von forant
Hallo,

wenn man ein Thema liest, steht befindet sich rechts des Themas zuerst ein schmaler Streifen, dann der Autor des Postings.

Wie kann man den schmalen Streifen verlängern, dass er bis zum Ende (Abstand zur Unterkante wie bei der Oberkante) verläuft?

Hmm, noch besser wäre es sogar, wenn nach dem Autor der geschriebene Texte sogar bis ganz nach rechts gehen würde (nur mal so eine Gedankenoption). Bleiben wir eben erst mal bei der Eingangsfrage.

Danke für Hinweise.

Re: Themendarstellung abgrenzen

Verfasst: 30.06.2010 03:38
von redbull254
Hallo erstmal,

bin nicht ganz sicher, ob ich Dich richtig verstanden habe.
Schau mal in die content.css rein:

Code: Alles auswählen

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
}
Das sollte der Strich sein, den Du suchst.

Code: Alles auswählen

border-left: 1px solid #FFFFFF;
Musst mal mit den oberen Werten „spielen“. ;-)

Re: Themendarstellung abgrenzen

Verfasst: 30.06.2010 09:29
von forant
Danke für die Anregung.

Habe mal etwas experimentiert und folgendes erreicht:

Eine Änderung bei ".postprofile"

Code: Alles auswählen

border-left: 1px solid #FFFFFF;
wirkt sich nur hinsichtlich der "px"-Einstellung aus. Die Länge begrenzt sich (auch bei Angabe 100%) ausschließlich auf das Feld selbst. Verwunderlich ist, das Farbänderungen keine Wirkung zeigen - warum?

Um die gewünschte Linie nach unten zu erhalten, habe ich die Linie im Feld ".postprofile"

Code: Alles auswählen

border-left: 1px solid #FFFFFF;
auskommentiert = ".postprofile"

Code: Alles auswählen

/* border-left: 1px solid #FFFFFF; */
und die gewünschte Linie im Feld ".postbody"

Code: Alles auswählen

border-right: 1px solid #666666;
definiert. Da der Text jedoch bis zur Linie anschlägt, muss man noch "margin" verwenden um dem Text etwas Abstand zur Linie zu geben.