Zum Inhalt springen

Image & Text & Wrap... weiss nicht mehr weiter.

Erstellt am 4. August 2003 · 3 Antworten · letzte Antwort am 22. September 2003

Tags: Templates & Layouts, Bilder, Frage

Unbekannter Benutzer ·

Hallo zusammen,
ich hab jetzt seid Tagen in allen moeglichen Foren und Mailinglisten rumgesucht... ich komm nicht weiter.

Ich habe bisher bei meiner Seite ein Template gemacht, das eine News Seite erzeugt. Schoen mit grafischen Headern und darunter die Eintraege... Doch wenn ich ein Bild einfuege (unten links) dann setzt typo3 das Bild direkt an den naechsten Header ran. Das darf nicht. Leider finde ich keine Einstellung mehr die das beeinflusst, außer direkt mit noch mehr clear.gif oder div's oder br's in der kompletten seite...
es wuerde auch reichen wenn ich finden wuerde, wo (und vorallem WARUM?) typo3 imemr eine Tabelle um mein Bild macht. Voellig unnoetig! Ausrichtung nach links geht auch anders...

Hier mal mein Setup und Constants:

# Laestigen clear.gif's entfernen
content.headerSpace = 0|0
content.space = 0|0
content.defaultHeaderType = 5
content.tableCellColor = #FFFFFF
content.break.bodytext = 
content.wrap.bodytext = |
content.stylesheet.file = 
content.RTE_compliant = 0
content.wrap.header = <tr><td width="640" height="20" bgcolor="#E50014"><img src="fileadmin/bilder/pfeile_rot.gif" border="0">|</td></tr>
styles.content.textStyle.face = font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular" size="2" color="#595959" class="FT12"
styles.content.links.sword = <font color="red"><strong>|</strong></font>
PAGE_TARGET = _self
content.pageFrameObj = _self
styles.content.links.extTarget = _blank
styles.content.uploads.wrap = <font face="Verdana,Geneva,Arial,Helvetica,sans-serif" size="2" color="#595959" class="FT12"><strong>|</strong></font>
plugin.meta.description = OCA-eV Open Traffic Systems
plugin.meta.keywords = OCA, Open, Traffic, Systems, Albrecht, Consult, Verkehrsplanung, Lichtsteuerung, Schnittstellen, offen
plugin.meta.robots = index,nofollow
plugin.meta.author = OCA-eV
plugin.meta.rating = General
plugin.meta.revisit = 30
styles.content.links.wrap = <font face="Verdana,Geneva,Arial,Helvetica,sans-serif" size="12px" color="#595959" class="FT12"><strong>| </strong></font>
plugin.meta.copyright = 
plugin.meta.flags.DC = 0
styles.header.gfx1.itemH = 20
styles.header.gfx1.bgCol = #E50014
styles.header.gfx1.fontColor = white
styles.header.gfx1.file.fontFile = arial*.ttf
styles.header.gfx1.fontSize = 14
styles.header.gfx1.maxChars = 80
styles.header.gfx1.fontOffset = 1,15
styles.content.textStyle.altWrap = <tr><td><font size="2" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular" class="FT12">|<br><br></font></td></tr>

styles.content.imgtext.maxW = 600
styles.content.imgtext.maxWInText = 300
styles.content.imgtext.borderColor = #E50014
styles.content.imgtext.borderThick = 1
# Configuring the Auto-Parser:
plugin.tx_automaketemplate_pi1 {
    # Read the template file:
  content = FILE
  content.file = fileadmin/templates/aktuelles.htm
    # Here we define which elements in the HTML that 
    # should be wrapped in subpart-comments:
  elements {
    BODY.all = 1
    BODY.all.subpartMarker = DOCUMENT_BODY
    HEAD.all = 1
    HEAD.all.subpartMarker = DOCUMENT_HEADER
    HEAD.rmTagSections = title
    DIV.all = 1
    TABLE.all = 1
    #TD.all = 1
    #TR.all = 1
  }
    # Relative Pfade in allen geparsten Dateien aendern:
  relPathPrefix = fileadmin/
}


# TEMPLATE cObject fuer den BODY
temp.mainTemplate = TEMPLATE
temp.mainTemplate {
    # Content vom Autoparser ins template cObject fuettern
  template =< plugin.tx_automaketemplate_pi1
    # Aber nur das zwischen den Body-tags
  workOnSubpart = DOCUMENT_BODY

    # Content-id fuettern:
  subparts.content < styles.content.get
}

# TEMPLATE cObject fuer Header
temp.headTemplate = TEMPLATE
temp.headTemplate {
    # Content vom Autoparser ins template cObject fuettern
  template =< plugin.tx_automaketemplate_pi1
    # Aber nur das aus dem Head-tag

  workOnSubpart = DOCUMENT_HEADER
}

# Seiten Definition:
ocaseite = PAGE
ocaseite.typeNum = 0

ocaseite.bodyTag = <body bgcolor="#FFFFFF">
#ocaseite.shortcutIcon = fileadmin/bilder/favicon.ico

# Admin-Panel aktivieren
#ocaseite.config.admPanel=1

# Fuettern des TEMPLATE fuer den <body>:
ocaseite.10 < temp.mainTemplate

# Fuettern des TEMPLATE fuer den <head>:
ocaseite.headerData.10  < temp.headTemplate

# MetaTags fuettern
ocaseite.headerData.20 < plugin.meta

# <p> tags zwischen Zeilen ausschalten
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes{
P.style=
}

Das heisst, es sieht so aus: (Content: Text mit Bild)
Bild: 134.130.48.237/…/oca-fehler.gif
Er macht mir hier, oben gif's hin, die er nicht in meine tabelle setzt und unter dem Bild keinen Abstand...

So soll es aber aussehen: (Content: Text, Bild (beide einzeln))
Bild: 134.130.48.237/…/oca-richtig.gif

So sieht es ohne Bild aus: (Content: Nur Text)
Bild: 134.130.48.237/…/oca-fehler-ohnebild.gif

Waere super wenn mir jemand helfen koennte... ich komm einfach nicht weiter so langsam.

cu,
henning

ladylinda ·

hallo henning,

schade, dass keiner geantwortet hat.
Wenn du inzwischen eine Lösung für dein Problem gefunden hast, kannst du das hier posten? Ich habe nämlich das gleiche Problem.

Was soll

styles.content.imgtext.colSpace = 10
styles.content.imgtext.rowSpace = 10
styles.content.imgtext.textMargin = 10

wenn man damit nur die Abstände links oder rechts zum Text ändern kann, aber nicht nach unten?

Am liebsten würde ich ja die Bilder in ein <div> einbetten und die Ausrichtung per Stylesheets übernehmen statt mit diesen unnötigen Tabellen.

Hat nicht jemand eine Idee?

Schöne Grüße,
Linda

volker · · Beste Antwort

Ich bin genauso am Fluchen und Verzweifeln wie Ihr. Habt Ihr inzwischen eine Lösung gefunden, wie man

a. das clear.gif über dem Bild wegebekommt und

b. generell verhindert, dass ein Bild mit einer Tabelle gewrappt wird?

Ciao

Volker

dj.​picasso ·

Hallo @all,

kleiner Tip am Rande (@henning):
1. Bei der Schilderung eines Problems macht es wenig Sinn, den Codes zu kopieren, der nichts mit dem Problem zu tun hat!
Führt in der Regel nur dazu, dass niemand sich den ganzen Kram durchliesst (schliesst meine Person ein!!). Was interessieren in diesem Zusammenhang die Einstellungen für die Meta-Tags, RTE, Header usw. usw. usw.?

2. Du solltest etwas mehr Ordnung in Deine Codes bringen. Hilft ungemein bei der Fehlersuche!!!!

Für die Anpassung der NEWS:
Im Verzeichnis /typo2/ext/tt_news gibt es 2 Dateien (ist generell so bei den Extensions nicht nur bei den News).
ext_typoscript_setup.txt
ext_typoscript_constants.txt

Schaut Euch doch mal diese Dateien an, dann wisst Ihr, was alles einzustellen geht und wo Ihr Eure Layouts anpassen könnt.

Zusätzlich hilft natürlich auch die entsprechende tmpl-Datei im Verzeichnis: /typo3/ext/tt_news/pi/
Viel Spaß beim tüfteln.
Ciao
Der DJ