Zum Inhalt springen

Hintergrundfarbe für Content festlegen

Erstellt am 31. August 2010 · 9 Antworten · letzte Antwort am 1. September 2010

Tags: HTML & CSS, TYPO3 4, Frage

Aiuto ·

Hallo zusammen,

ich habe ien Problem und schon das halbe Internet durchsucht und bisher nichts gefunden, was mir irgendwie weiterhilft 😢

Ich hoffe, dass mir hier jemand weiterhelfen kann.

Also: ich möchte im Typo3 4.2 dem Content eine Hintergrundfarbe festlegen.

Es hört sich sooooo einfach an, aber es klappt irgendwie gar nicht :-( Hilfe...

im TypoScript habe ich folgende Eintragung:

  #Inhalt ausgeben
  
  10.marks.CONTENT < plugin.tx_cccbrowse_pi1
  10.marks.CONTENT {
      table = tt_content
      select.orderBy = sorting
      select.where = colPos = 0
  }

Wo muss ich denn nun eintragen, dass die Hintergrundfarbe des Contents #b5ab93 sein soll?

Bitte um eure Unterstützung.
Bei Rückfragen einfach fragen.

Sonnige Grüße
Chris

Aiuto ·

okay,
in der style.css habe ich hinterlegt:

bgcolor {
	background-color:#b5ab93;
}

Und wie verknüpfe ich das nun mit dem Content?
Sorry, aber ich oute mich glaube ich grade als "DAU"....😉

Gruß
Chris

Aiuto ·

noch ein Nachsatz, der mein Problem vielleicht etwas verdeutlicht oder besser verstehen lässt.

Ich möchte hinter dem Content eine Farbe haben, die aber nur den Textbereich hinterlegt, nicht den gesamten Bereich in den der Content rein könnte.
Beispiel: der Contentbereich ist 640x480 px groß - der Text auf den jeweiligen Seiten ist aber nie so groß, sondern vielleicht nur 200px hoch.

Wie schaffe ich es nun, dass der Text nun mit einer bestimmten Farbe hinterlegt wird?
Es soll aber ein "kopletter" Kasten hinter dem Text liegen und nicht so aussehen, als hätte man mit einem Textmarker die Zeilen hervorgehoben.

Vielen Dank im Voraus für eure Hilfe.

Gruß
Chris

igorshmigor ·

Am besten du schaust dir den Quellcode an, der generiert wird und guckst, ob die Texte mit einer bestimmten Klasse versehen sind. Typisch für CSS-Styled-Content wären beispielsweise divs mit der Klasse csc-default oder Paragraphen mit der Klasse bodytext.
Statt

bgcolor {
	background-color:#b5ab93;
}

schreibst du dann

.csc-default {
	background-color:#b5ab93;
}

oder

.bodytext {
	background-color:#b5ab93;
}
Aiuto ·

Hallo igorshmigor,

super, das hat schon mal zum Teil funktioniert.
Gehe ich jetzt richtig in der Annahme, dass ich das dann auch für Überschriften, Listen, Tabellen etc. auch machen muß?

Wenn ich das in der Styles.css hinterlege und aktualisere, dann habe ich aber im Web "hässliche" Zwischenräume zwischen zum Beispiel Überschrift und Text und Listen, etc.
Kann man das noch irgendwie beeinflussen, dass der gesamte Textbereich (inkl. Bild, Tabelle, Listen, Text, etc.) dem grauen Balken hinterlegt ist?

Vielen Dank im Voraus.

Aiuto ·

ich glaube, ich habe einen Weg gefunden:

wenn ich alles was auf der Seite stehen soll (inkl. Überschrift und Bild, etc.) in eine Tabelle packe, und dann im CSS die Hintergrundfabre für contenttable festlege, dann funktioniert es.

Vielen Dank für den Denkansatz! :p

Daraus ergibt sich ein weiterer Punkt.
Ich habe auf der linken Seite das Menü, in der Mitte den Content und rechts noch einen schmalen leeren Balken (einfach als Rand).
Geht es, dass der graue Hintergrund immer so hoch ist, wie der jeweils längste Bereich (also entweder Menü oder Content)?

Sonnige Grüße

igorshmigor ·

Ne, nimm mal keine Tabelle. Nimm ein Div. Das ist semantisch korrekter, außerdem barriereärmer. Tabellen nimmt man heutzutage nur noch, um Tabellen darzustellen.

Aiuto ·

also dann

  10.marks.CONTENT < plugin.tx_cccbrowse_pi1
  10.marks.CONTENT {
      table = tt_content
      select.orderBy = sorting
      select.where = colPos = 0
      wrap = <div>|</div>
  }

??

igorshmigor ·

Den Div kannst du auch schon im HTML-Template anlegen, dann brauchst du den nicht per TypoScript zu wrappen. Sinnvoller wäre es auch, dem div eine Klasse oder eine ID zu geben, damit du ihn gezielt per CSS ansteuern kannst.