Formatierung der Posts (kommentare) im Erscheinungsbild

**artstage** · 04.06.2010, 08:22

wer kann mir da einen tipp geben?

ich möchte gerne die abstände zwischen den einzelnen posts (bzw. kommentare) formatieren, nehme an, das geht im css. habe dort schon viele varianten versucht, berücksichtigend, dass ich das tpl com_default verwende - es scheint aber nicht anzusprechen.

habe diverse "selektor"-namen versucht - bisher keine chance. das einzige, was ich dabei rausgekriegt hab, wie die form des eingabefeldes (das formular) mittels css gestaltet werden kann.

jetzt geht es aber um das erscheinungsbild der posts - und vor allem der abstände zwischen den einzelnen posts! - auf der seite, siehe: http://www.andreasroseneder.com/tlig...tadressen.html

bin über hilfreiche tipps dankbar, da ich weder im buch noch im forum entsprechende details gefunden hab.

lg artstage

p.s: das problem wurde erst jetzt akut, da die ersten posts nach dem erfolgreichen versand der newsletter (mehrere 100!) eintrudelten.
apropos newsletter: gratulation an die entwickler! tolles tool, hat super funktioniert!

**MacKP** · 04.06.2010, 08:34

Hallo artstage,
wie versuchst du herauszufinden wie du einzelne Elemente ansprechen kannst?
Es wirkt so als ob du noch nicht mal einen Blick in die Ausgabe der Seite wirfst (Quellcode).
Da kann man erkennen, das die einzelnen Kommentare die Klasse 'comment_default' besitzen. Damit solltest du das machen können.
Schön zu sehen ist das auch mit Firebug.
Nur ein Blick ins CSS wird dir bei sowas nicht helfen, da es sein kann, das die Klasse dort noch gar nicht verwendet wurde...

Viele Grüße

**artstage** · 04.06.2010, 08:42

Zitat von MacKP

Hallo artstage,
wie versuchst du herauszufinden wie du einzelne Elemente ansprechen kannst?
Es wirkt so als ob du noch nicht mal einen Blick in die Ausgabe der Seite wirfst (Quellcode).
Da kann man erkennen, das die einzelnen Kommentare die Klasse 'comment_default' besitzen. Damit solltest du das machen können.
Schön zu sehen ist das auch mit Firebug.
Nur ein Blick ins CSS wird dir bei sowas nicht helfen, da es sein kann, das die Klasse dort noch gar nicht verwendet wurde...

Viele Grüße

hallo MacKP,
du hast recht, ich hab newbie-like halt, versucht, den tpl-namen als selektor im css anzusprechen - ohne den quelltext überhaupt anzuschaun. im commentar-element scheint nur unter eingebundenes tpl "com_default" auf - so war meine individuelle logik ...

**Acta** · 04.06.2010, 08:46

rein theoretisch würde ihc jetzt meinen:

Code:

.comment {
margin-bottom: 10px}

**artstage** · 04.06.2010, 08:50

herzlichen dank an euch beide, MacKP und Acta!!
das schaut gleich besser aus!

artstage

**ottoivx** · 09.01.2011, 17:28

Das ist ja super, bin also so nah am Ziel.

Aber bitte - könnte ihr mir sagen wie es weiter geht?

Ich ändere also den Wert von style=margin-bottom aber wie geht es dann weiter?

Wo schreibe ich ich es hin?

**ottoivx** · 09.01.2011, 21:22

Danke an Tiggr!

Hier seine Antwort:

Das Template ändern? Da wo man alle Templates ändert, unter Templates. Erst als neu zufügen, damit es da ist - verwirrend, aber dann wird das bestehende Template in die Liste kopiert, und kann geändert werden.

Als Anfänger wie mich war das nicht selbstverständlich - jetzt weiß ich es.

**MacKP** · 10.01.2011, 06:35

Zitat von ottoivx

Das ist ja super, bin also so nah am Ziel.

Aber bitte - könnte ihr mir sagen wie es weiter geht?

Ich ändere also den Wert von style=margin-bottom aber wie geht es dann weiter?

Wo schreibe ich ich es hin?

Hallo ottoivx,
ich versteh jetzt nicht so ganz wo du Probleme hast.
Ich weiß nicht wie du dein CSS bisher gemacht hast in Contao. Der Contao Weg wäre sowas dann zusätztlich in eine CSS Datei im Backend zu schreiben...
Wenn du eigene Dateien mit CSS erstellt hast, dann muss das da rein...

Viele Grüße

**ottoivx** · 10.01.2011, 13:09

Hallo MacKP,

ja ich möchte die Abstände zwischen den abgebenen Kommentaren vergrößern.

Ich weiß auch, dass die Klasse comment_default diejenige ist, die hier anzusprechen wäre.

Wenn ich nun über
Layout > Themes > Stylesheets > music_academy > .comment_default zum ändern öffne und dort bei Margin (Außenabstand) einen höheren Wert in das dritte Feld eintrage sollte sich ja der Abstand der einzelnen Kommentare ändern.

Aber es will nicht klappen.

**MacKP** · 10.01.2011, 19:46

Hallo ottoivx,
dann brauchen wir einen Link zu der Seite um mehr sagen zu können.

Viele Grüße

**ottoivx** · 10.01.2011, 20:16

Die Kommentare befinden sich hier:

http://www.lossmerdanze.de/index.php...genheiten.html

***xchs*** · 10.01.2011, 20:34

Hallo ottoivx,

Du selektierst in Deiner "music_academy.css" über den Selektor

Code:

.mod_newsreader .comment_default{margin-bottom:50px;}

Einen Container mit der Klasse ".mod_newsreader" gibt es aber auf der betreffenden Seite keinen im HTML-Markup.

**ottoivx** · 10.01.2011, 21:19

Vielen Dank xchs,

ja so sollte es ja klappen, schaumal, das steht ja schon dort:

Name: music_academy
Änderungsdatum: 2011-01-10 22:17
Medientypen: screen

Code:

      .mod_newsreader .comment_default
      {
      	margin-bottom:50px;
      }

Aber es will kein Abstand erscheinen.

***xchs*** · 10.01.2011, 21:23

Zitat von ottoivx

Ja so sollte es ja klappen, schaumal, das steht ja schon dort:

Name: music_academy
Änderungsdatum: 2011-01-10 22:17
Medientypen: screen

Code:

      .mod_newsreader .comment_default
      {
      	margin-bottom:50px;
      }

Aber es will kein Abstand erscheinen.

Ja eben, das meine ich ja. Und genau das ist der Punkt, den ich angesprochen habe: Du selektierst über ".mod_newsreader .comment_default", obwohl es diese Klasse im generierten HTML-Code aktuell gar nicht gibt. Lass mal im Selektor das ".mod_newsreader" weg und schau' was passiert...

**ottoivx** · 10.01.2011, 21:44

Lieber xchs,

ich habe jetzt den ".mod_newsreader .comment_default" dupliziert.

Im Duplikat habe ich ".mod_newsreader" gelöscht und dann ".comment_default" als neu abgespeichert.

Und weißt Du was? - Es hat funktioniert!!!

Euch Dreien also Dir, Tiggr und MacKP vielen Dank für Eure Geduld und hilreichen Ratschläge!

MERCI!