Guten Morgen!
Ich versuche seit schon seit viel zu langer Zeit ein eigenes style sheet in typo3 einzubinden.
Der HTML-Code, der von typo3 produziert wird, sieht jetzt bei Einbindung eines einfachen Datensatzes für Text mit Überschrift so aus:
-----> schnipp ----->
<h2 class="headlines">Über uns</h2>
<img src="clear.gif" width=1 height=5 border=0><br>
<p class="stdtext">
<p style="margin:0 0 0 0;">eingegebener Text 1. Absatz</p>
<p style="margin:0 0 0 0;"> </p>
<p style="margin:0 0 0 0;">eingegebener Text 2. Absatz</p>
</p>
<img src="clear.gif" width=1 height=10 border=0><br>
-----> schnapp <------
Ich möchte dieses <p style="margin:0 0 0 0"> und diese 1-Pixel-Graphik gerne loswerden. Weiss jemand, wo das verdrahtet ist? Mit dem Object Browser bin ich bis jetzt nicht fündig geworden, obwohl ich schon mehrere Tage suche...
Danke
Stefan Padberg
Hi
Haste schon rausbekommen, wo margin:0 0 0 0; steht? Würde mich auch interessieren.
Eine css lässt sich per
page.stylesheet = fileadmin/format.css
einbinden.
Gruss
Stefan
Das Einbinden meines CSS funktioniert soweit, dass es in die HTML-Datei inkludiert wird. Aber leider erzeugt typo3 soviel eigenen Code um den Seiten-Content herum, dass manche Browser das Style nicht mehr richtig anzeigen.
Ich habe jetzt aber eine Möglichkeit gefunden: Ich setze textStyle.altWrap auf das gewünschte stylesheet (z.B. <p class="..."> | </p>). Damit wird der SeitenContent direkt gewrapt, und der andere Mist ("<p style="margin:0 0 0 0;"> | </p>") vergeigt mir die Anzeige nicht mehr.
Ich vermutete bis jetzt, dass die margin-Angabe irgend etwas mit Abständen zu tun hat, aber ich bin da noch nicht fündig geworden, wo das verdrahtet ist. Deshalb nochmal die Frage an alle: wo kann man die merkwürdigen Abstandshalter von typo3 ausschalten? (Die Frage betrifft auch das ganze Problem mit den Pixel-Graphiken. Das ist meiner Ansicht nach nicht mehr Stand der Technik. Man kann das alles sehr elegant über Style Sheets lösen, siehe z.B. http://www.ericmeyeroncss.com).
mfg
Stefan Padberg
ich mache das mit dem eigenen Template so:
im Template unter "Include static: cSet stylesheet" einfügen
Dann im Fenster "Template Tools" in der Auswahlbox oben rechts den "Constant Editor" auswählen, "Category: CONTENT (62)" auswählen, bei "Style sheet" einen Haken machen, auf den Button "Update" drücken, Kopie des defaultstylesheet erstellen (es erscheint dann in den "Ressourcen" des Templates, beliebig umbenennen und editieren.
So können alle vordefinierten Werte sauber angepaßt und eigene Definitionen erweitert werden. Z.B. ist es weiterhin möglich, für die Contentelemente Layout1 (entspricht für den Header z.B. der Definition von h1 im css) , Layout2 (entspricht für den Header z.B. der Definition von h2 im css) usw. auszuwählen.
Nachtrag zu den "Abstandhaltern":
die kann man für das Template direkt im Fenster "Template Tools", Auswahlmenü > "TypoScript Object Browser" ändern. Damit man direkt in dem angezeigten Baum editieren kann, muß unten auf der Seite bei "Enable object links" ein Häkchen gemacht werden. Nach Editieren der Objekte erscheinen die überschriebenen Werte direkt im Setup- bzw. Constants-Feld des Templates
z.B.
tt_content.stdWrap.spaceBefore = 0 (nimmt den 6 px Abstand weg)
tt_content.stdWrap.spaceAfter = 0
Leider scheint es bisher nicht möglich zu sein, die 1px clear.gif in den Content-Tabellen zu beseitigen, die ursprünglich angelegt wurden, um die Tabelle zu formatieren.
Danke. Das scheint genau die Info zu sein, die ich benötigte.
Im Augenblick habe ich mir fürs erste helfen können, indem ich die content.headerSpace- und space-Constanten auf 0 gesetzt habe. Desweiteren arbeite ich bei den wraps mit <span></span>, dann habe ich die <p>-Tags nicht doppelt drin.
Deinen Lösungsansatz werde ich beim nächsten Projekt ausprobieren, denn ich arbeite mit Designern zusammen, die mir nur HTML-Vorlagen und CSS-Dateien abliefern können. Mit TypoScript kann ich denen nicht kommen...
Stefan Padberg
Ich nehme auch meine HTML-Templates mit entsprechenden "subparts" und "marks" und definiere in DW styles vor. Wenn Du Deinen Template-subparts/marks < styles.content.get zuordnest, hast Du automatisch die von Typo3 vordefinierten CSS drin. Um diese Definitionen anpassen zu können an Dein Stylesheet, ist es gut, csetstylesheet einzubinden, das default.stylesheet zu kopieren und zu editieren. Dann kannst Du entweder die editierten Werte aus diesem stylesheet in Dein fileadmin/... stylesheet kopieren und dieses als gültiges stylesheet angeben oder eben umgekehrt Deine Ergänzungen in die angepaßte Kopie des default.stylesheet kopieren. Mit Typoscript hast Du da gar nicht zu tun. Du hast einfach eine bessere Kontrolle, wenn Du Elemente aus tt_content in den Seiteninhalt eingeben willst.
Hallo,
mich haben diese ganzen Style-Angaben auch immer genervt. Daher habe ich in meinem Template nur folgende Statics included:
content (default)
cSet Stylesheet
Mit dieser Kombination fallen die lästigen Abstandhalter alle weg (natürlich auch ein paar Angaben, die der eine oder die andere ganz reizvoll findet). Ich erhalte quasi nur noch die Basis-Tags.
Gruß UWE.