Zum Inhalt springen

Nur über eigenes CSS steuern - nix "csc-header" etc.

Erstellt am 23. November 2006 · 10 Antworten · letzte Antwort am 10. Februar 2007

Tags: Frage

shue ·

Hallo zusammen,

nachdem ich nun viele viele Beiträge durchgewühlt habe, aber nicht genau das gefunden habe, was ich suche (bzw. es nicht funktioniert), schildere ich mal kurz mein Problem:

Ich arbeite auf Typo 4.0.2 und gestalte meine Site mit <div>s rein über CSS gesteuert. Bedeutet: Ich will nicht, dass Typo mir in IRGEND einer Weise seine Styles reindrückt, indem es z. B. eigene Klasen in meine Heads schreibt etc.

Mithilfe von

plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >

in meinem Root-Setup habe ich mittlerweile erreicht, dass über meinem eigenen Stylsheet <link />-Tag im Quelltext immerhin nicht mehr

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e99aac0be0.css" />

steht.

Soweit so fein.

Nun hatte ich in einem der Beiträge hier gelesen, dass mit

plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE =

die eigenmächtigen Stlye-Sachen von Typo komplett eliminiert werden können. Allein, es klappt leider nicht. DAS wäre es aber, was ich eigentlich will. Nicht einzelne Sachen mühsam rauswerfen oder die Styles ändern - NUR mein CSS verwenden.

Weiterhin habe ich mittlerweile erreicht, dass mithilfe von

lib.stdheader.stdWrap.dataWrap >

immerhin die Klasse csc-header-n1 (oder wie sie auch genau hieß) nicht mehr da ist.

Was aber immer noch nicht weg ist, ist die Klasse "bodytext" und andere wie z. B. "firstHeader" und sowas:

<div id="textblock">
<h2><a id="c419"></a><p class="bodytext">Willkommen</p></h2></div>

Ich möchte nicht, dass diese komische Klasse da ist. Denn das überschreibt mir natürlich meine Styles von "textblock" und "h2"... Interessanterweise wird meine Farbdefinition schon übernommen - mein CSS also teilweise interpretiert...

Ich will erreichen, dass meine Site nur und ganz allein über mein CSS gesteuert wird.

Wie geht das? Bzw., woran kann es liegen, dass es bei mir nicht so geht wie schon in ein zwei drei andeen Beiträgen beschrieben wurde? Braucht man für Typo 4.0.2 einen anderen Trick? Ich habe nämlich ein ganz ähnliches und genaue CSS-gesteuertes Layout vor ein paar Monaten schon erfolgreich zum Laufen gebracht. Das war aber noch Version 3.8. Hm...

Lieben Gruß, Sarah

jousch ·

Also ich habe auch das selbe Problem wie du!!!!

Foglendes habe ich bereits:

 #-Bereinigungsaktionen ala josdesign-----------------------
   # entfernt die class="bodytext"-Attribute aus den <p>-Tags ###
   lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
   
   # entfernt die <div class="csc-header csc-header-n xxx"> um die <H>-Tags ###
   lib.stdheader.stdWrap.dataWrap = 
   
   # entfernt das register für die <h1 class="csc-first-Header"> ###
   lib.stdheader.3.headerClass >
   
   # entfernt die HTML-Kommentare der entsprechenden Objekte ###
   tt_content.text.20.prefixComment =
   tt_content.stdWrap.prefixComment = 
   tt_content.table.20.stdWrap.prefixComment =
   lib.stdheader.stdWrap.prefixComment =
   tt_content.image.20.stdWrap.prefixComment =
   tt_content.html.prefixComment =

Oder könnte es sein das ich etwas falsch verstehe und seitdem es ccs-styled contnt gibt sollte man das sogar über die vorhanden stile machen?

Ich möchte trotzdem meine einge Seite selber mit css gestalten...

Proximo ·

:o

Ich plädiere mal einfach drauf die Standardstyles zu deaktivieren, mir ist schleierhaft wie Klassen ohne Wertzuweisungen in Elemente stören sollten.

Gerade Sachen wie "First Header" machen es möglich Designs zu schreiben welche von den CMS-Nutzern beim Einfüllen ihrer Inhalte nicht weiter beachtet werden müssen und trotzdem designgerechte Überschriften oder andere Formatierungen garantieren.

Ich empfehle in diesem Zuge die Entwicklerleiste von FireFox um die CSS-Definitionen einzusehen welche als Beispiel-CSS vorhanden sind und diese mit eigenen Werten zu überschreiben. Zusätzlich bietet sich

plugin.tx_meinPlugin._CSS_DEFAULT_STYLE >

an um die Standardformatierungen der Plugins zu eliminieren sowie

###################################################################################
# SPACER
###################################################################################
# Wirft das CLEAR.GIF raus
tt_content.textpic.20.spaceBelowAbove = 0
tt_content.image.20.spaceBelowAbove = 0
tt_content.header.stdWrap.space = 0|0
tt_content.stdWrap.space = 0|0
tt_content.stdWrap.spaceBefore = 0
tt_content.stdWrap.spaceAfter = 0
lib.stdheader.stdWrap.space = 0|0

# Und hier wird das CLEAR.GIF hinter den Überschriften rausgenommen
tt_content.text.20.parseFunc.tags.typohead.stdWrap.space = 0|0

# Folgender Code löscht das Margin 0 0 0 0 aus dem P Tag
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes { P.style= }

# Unterdrückt den Umbruch mit <BR>
lib.stdheader.10.stdWrap.wrap = |

# entfernt 1-pixel CLEAR.GIF über jedem Bild mit Text
tt_content.textpic.20.noStretchAndMarginCells = 1

# entfernt 1-pixel CLEAR.GIF über jedem Bild
tt_content.image.20.noStretchAndMarginCells = 1

Um die Spacer zu entfernen welche bei CSS-Formatierungen oft zu Problemen führen....

Folgende Constants sind ebenfalls hilfreich:

# Entfernen des clear.gif bzw. der Abstände nach Seitenelementen
content.headerSpace = 0|0
content.space = 0|0

# entfernt automatische Abstände
styles.content.imgtext.colSpace = 0
styles.content.imgtext.rowSpace = 0
styles.content.imgtext.textMargin = 10

# Noch ein paar <br> entfernen
styles.content.imgtext.caption.1.wrap = |
styles.content.imgtext.caption.1.spaceBefore = 0
styles.content.imgtext.caption.1.br = 0

# Rahmen bei Checkbox "Rahmen setzen" veraendern
styles.content.imgtext.borderThick = 1
styles.content.imgtext.borderColor = #000000

Weiteres ...

config.inlineStyle2TempFile = 1

kann außerdem noch helfen herrauszufinden welche inlineStyles noch vorhanden sind indem diese in eine externe File ausgelagert werden und so übersichtlich angezeigt werden können.

Mit der Suche nach "Standard CSS" sollte man ebenfalls einige Suchtreffer bekommen um eine Vorstellung davon zu bekommen welcher Struktur die Standardformatierung von Typo folgt.

MFG Proximo

jousch ·

Ich bin jetzt kurz davor den PC aus den Fenster zu schmeißen!!!!!!!

Jedesmal wenn ich in irgendeiner Seite Text mit Bild erstelle, wiid mein CSS-Layout durcheinandergehaut.

Wie kann ich die ganzen Wraps für dieses Element löschen?

<div class="csc-textpic csc-textpic-right csc-textpic-below csc-textpic-caption-r"><div class="csc-textpic-text"><p><strong>NEUIGKEITEN AUF VOLLEYLIONS.AT<br /></strong></p></div><div class="csc-textpic-imagewrap"><div class="csc-textpic-imagecolumn" style="width:600px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:361px;"><dt><img src="uploads/pics/dottedlinenews.gif" width="361" height="7" border="0" alt="" /></dt><dd class="csc-textpic-caption"></dd></dl></div></div></div><div class="csc-textpic-clear"><!-- --></div>

Der obige Code entsteht wenn ich das erstelle:

Bild: img147.imageshack.us/…/problsn7.gif

es zerstört mir mein komplettes Design, auch wenn keine CSS-Werte mehr definiert werden da ich dem cssstyledcontent die Standard-CSS-Vorgabe gelöscht habe. Im Opera und Firefox kein Problem, im IE dafür sehr!!!!!!!

Das kan es doch nicht sein, dass der IE dauernd zicken muss oder indem Fall Typo3...

Weis jemand guten Rat? Mit bestem Dank im Vorraus...

Proximo ·

Abstand davor/danach ist keine wirklich gute Idee... nicht dass es nicht gehen würde, allerdings mutest du dabei dem Kunden etwas zu das sehr lästig und auch fehleranfällig ist....

Was die Formatierungen betrifft, die Inlineformatierungen müssen natürlich raus..

MFG Proximo

shue ·

Hallo zusammen,

das

plugin.tx_meinPlugin._CSS_DEFAULT_STYLE >

klappt ja bei mir aus irgendeinem Grund nicht.

Ich habe aber mittlerweile (Dank dieses Forums! 🙂 die Sachen, die ich nicht im HTML-Code haben wollte, einzeln eliminiert, mein CSS dann noch so sehr detailliert, dass jetzt alles aussieht, wie ich es will (zunindest für den Moment...), auch wenn T3 mir Tags und Klasen einbaut. Und stelle diesen Thread daher jetzt auf "gelöst", weil das akute Problem bei mir nicht mehr besteht...

Danke, Proximo, für Deine detaillierte Antwort - einige dieser Sachen hab ich mir hier zusammengecuht und ebenfalls eingebaut.

LG, Sarah

karlchen ·

hast du denn auch einen korrekten DOCTYPE ?

gerade anhand diesem wird ausgewählt wie der IE, FF und wie sie alle heissen, die Seite interpretieren und somit auch darstellen.

vielleicht liegt es bei dir ja schon daran, da bei einem CSS design überall klassen oder id's stehen können, wenn sie keine Definition in der CSS haben werden sie auch nicht beachtet.

kriwi ·

... hab's hinbekommen. In externe Datei (für alle jene Tuning-Befehle) und dann included.

Allerdings: Ein paar Zeilen musste ich rausnehmen, ansonsten erscheint auf der Seite statt Inhalt die Fehlermeldung

The page is not configured! [type= 0][]

kriwi