Zum Inhalt springen

HTML Template Formatierung

Erstellt am 3. September 2004 · 5 Antworten · letzte Antwort am 7. September 2004

Tags: Frage

daggett ·

Ich hab eine Frage bezüglich dem HTML Template.

Was ist sinnvoller, die Tabellen-Formatierungen etc. direkt im HTML File zu erstellen oder alles in dem externen CSS zu definieren?

vielen dank für die Hilfe

Euer ober-noob......DAGGETT

m.​ ·

Ist eigentlich egal, wenn Du ohne Tabellen arbeiten willst, musst Du Typo3 halt die ganzen Tabellen "verbieten".

// Wirft das CLEAR.GIF raus
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|

// Macht die Listenpunkte weg, setzt die Liste in ein UL und die Punkte in LI
tt_content.text.20.parseFunc.tags.typolist.default.split.1.wrap = <li>|</li>
tt_content.text.20.parseFunc.tags.typolist.default.wrap = <ul>|</ul>

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

//Auch die H1 - H4 kann man verwenden

tt_content.text.20.parseFunc.tags.typohead.10.1.fontTag = <H1>|</H1>
tt_content.text.20.parseFunc.tags.typohead.10.2.fontTag = <H2>|</H2>
tt_content.text.20.parseFunc.tags.typohead.10.3.fontTag = <H3>|</H3>
tt_content.text.20.parseFunc.tags.typohead.10.4.fontTag = <H4>|</H4>

In deinen Template müssen dann nur die Marker stehen und Du wrapst dann die einzelnen Marker, etwa so:

page.10.marks.INHALT < styles.content.get
page.10.marks.INHALT.wrap = <div id="inhalt">|</div>

Dann braucht man keine Layouttabellen mehr.

Liebe Grüße

Michael

doku ·

dat is nur die halbe wahrheit, da manche tabellen hardcodiert sind. man füge z.b. nur mal ein bild in den content ein... 😉

erst die extension css-styled-content in kombination mit der extension css-styled-imgtxt regelt das auch noch.

p.s.: aber das war ja hier sowieso nicht die hauptfrage.