Zum Inhalt springen

Image unformatiert

Erstellt am 26. Februar 2007 · 17 Antworten · letzte Antwort am 9. März 2007

Tags: Frage

thedon ·

Hallo,

ich habe dieses TS gefunden(siehe unten). Es bewirkt, das das Image unformatiert eingebaut wird. Allerdings wird auch das Alt- und Titelattribut entfernt 😢

Hat einer von euch eine Idee wie ich das Alt- und Titelattribut mit diesem TS wieder einfügen kann??

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
tt_content.stdWrap.dataWrap >


temptextpic < tt_content.textpic
tt_content.textpic >
tt_content.textpic = COA
tt_content.textpic{
   bodyTag=
  10 = IMAGE
  10.file{
    import= uploads/pics/
    import.field=image
    import.listNum=0
    width.field=imagewidth
     
  }

  #10 < tt_content.image.20.1
  10.imageLinkWrap=1
  10.imageLinkWrap {
    
    wrap=|
    width=800m
    height=600m
    JSwindow=1
    JSwindow {
      newWindow=0
      expand=0,0
    }
    enable{
      field=image_zoom
      ifEmpty.field=image_link
    }
    typolink {
      parameter {
        field=image_link
        target=page
        extTarget=_blank
      }
    }
  }

  10.wrap=<div id="thumbnail">|
  15=TEXT
  15.value=  
  15.if.isFalse.field=image
  18< tt_content.text.10
  18.wrap=|
  19=TEXT
  19.value=
  19.if.isFalse.field=header
   
20 < tt_content.text.20
  #20=TEXT
  #20.field=bodytext
  #20.wrap=|
  #20.nl2br=1
  22=COA 
  22.wrap= |
  22 {
    10= IMAGE
    10.file.import=uploads/pics/
    10.file.import.field=image
    10.file.import.listNum=1
    10.file.width=100
    10.wrap=|  
    10.imageLinkWrap=1
    10.imageLinkWrap {
      bodyTag=
      wrap=|
      width=800m
      height=600m
      JSwindow=1
      JSwindow {
        newWindow=0
        expand=0,0
      }
      enable{
        field=image_zoom
        ifEmpty.field=image_link
      }
      typolink {
        parameter {
          field=image_link
          target=page
          extTarget=_blank
        }
      }
    }
    20=IMAGE
    20 < .10
    20.file.import.listNum=2
    30=IMAGE
    30 < .10
    30=IMAGE
    30.file.import.listNum=3
    40=IMAGE
    40 < .10
    40.file.import.listNum=4
     
  }

  25 = TEXT
  25.value=INFO
  25.typolink{
      #target=123x456:menubar=0,scrollbars=0
    parameter.field=header_link
    parameter.wrap=|,1 516x450:menubar=0 title2
      # parameter=6,1 123x456:menubar=0,scrollbars=0 title
     
    no_cache=1
    JSwindow_params=menubar=0,scrollbars=1,resizable=0,location=0,toolbar=0
  }
  25.wrap=
  <div align="right">|</div>
  25.if.isTrue.field=header_link
   
  30=TEXT
  30.value= 
}
karlchen ·

kannst du vielleicht mal sagen was du mit "unformatiert" meinst?

wenn ein Bild nicht noch einmal komprimiert werden soll kannst du auch Im Seiteninhalt z.B. bei "Text und Bild", ganz unten die Option "Zweite Optionspalette anzeigen" aktivieren, damit werden die Bild Optionen aufgeklappt.

Hier gibt es ein Dropdown Menu was sich "Qualität" nennt in dem ist auch die Option "Nicht ändern" hinterlegt.

So mit wird das Bild nicht weiter von T3 angerührt und du kannst trotzdem weiter ganz normal die Alt und Titel Funktionen nutzen.

thedon ·

Hallo,

wenn ich einen neuen Content[Text w/image] anlege, soll das Bild nicht in einer Tabelle stehen. Mit Hilfe des TS geht das auch. Nur löscht dieses TS auch den Einträge für den Alt- und Titelbefehl.

Also versuche ich schon seit tagen, das TS umzuschreiben. #angry#

karlchen ·

wenn du in deinem ROOT template "css_style_content" einfügst statt content(default) werden die Bilder nicht mehr in Tabellen angelegt sondern nur noch über CSS befehle platziert. dann kannst Du deinen ganzen Typoscript kram da auch weg lassen.

thedon ·

Hallo karlchen,

ich hab das mal ausprobiert. Leider ist das Ergebniss nicht wirklich gut.
Es wird zwar eine div um die die Tabelle gelegt, jedoch liegt das Bild noch in eine Tabelle.

<div style="text-align:center;">
<table width="257" border="0" cellspacing="0" cellpadding="0" style="margin-left: auto; margin-right: auto" class="imgtext-table">
<tr><td colspan="1">
<img src="clear.gif" width="257" height="1" alt="" /></td></tr>
<tr><td valign="top">
<img src="uploads/pics/test_84011a.jpg" width="257" height="147" border="0" alt="" title="" /><br /></td></tr>
</table>
</div>

Ich möchte gerne, dass die komplette Tabelle verschwindet #paralyzed#

thedon ·

Also ich habe die Version 3.8.

Unter "Include static (from extensions)" habe ich css_styled_content angegeben.
Wo muss ich denn "content(default)" rausnehmen?? Den Eintrag habe ich nicht gefunden :o

just2b ·
thedon schrieb

Also ich habe die Version 3.8.

Unter "Include static (from extensions)" habe ich css_styled_content angegeben.
Wo muss ich denn "content(default)" rausnehmen?? Den Eintrag habe ich nicht gefunden :o

eine option darüber sollte das sein

georg

just2b ·
thedon schrieb

Woran kann das dann liegen, das da noch eine Tabelle um das Bild gelegt wird #angry#

kann ich von hier aus schlecht sagen, sry

georg

thedon ·

Mit meinem TS kann ich ja die Formatierung bzw. die Tabelle entfernen, jedoch fällt dann auch der Alt- und Titelbefehl weg. Hat von euch einer eine Idee wie ich mit diesem TS die Alt- und Titelbefehle einbauen kann??

temptextpic < tt_content.textpic
tt_content.textpic >
tt_content.textpic = COA
tt_content.textpic{
   bodyTag=
  10 = IMAGE
  10.file{
    import= uploads/pics/
    import.field=image
    import.listNum=0
    width.field=imagewidth
     
  }

#10 < tt_content.image.20.1
  10.imageLinkWrap=1
  10.imageLinkWrap {
    
    wrap=|
    width=800m
    height=600m
    JSwindow=1
    JSwindow {
      newWindow=0
      expand=0,0
    }
    enable{
      field=image_zoom
      ifEmpty.field=image_link
    }
    typolink {
      parameter {
        field=image_link
        target=page
        extTarget=_blank
      }
    }
  }

  10.wrap=<div id="thumbnail">|
  15=TEXT
  15.value=  
  15.if.isFalse.field=image
  18< tt_content.text.10
  18.wrap=|
  19=TEXT
  19.value=
  19.if.isFalse.field=header
   
20 < tt_content.text.20
  #20=TEXT
  #20.field=bodytext
  #20.wrap=|
  #20.nl2br=1
  22=COA 
  22.wrap= |
  22 {
    10= IMAGE
    10.file.import=uploads/pics/
    10.file.import.field=image
    10.file.import.listNum=1
    10.file.width=100
    10.wrap=|  
    10.imageLinkWrap=1
    10.imageLinkWrap {
      bodyTag=
      wrap=|
      width=800m
      height=600m
      JSwindow=1
      JSwindow {
        newWindow=0
        expand=0,0
      }
      enable{
        field=image_zoom
        ifEmpty.field=image_link
      }
      typolink {
        parameter {
          field=image_link
          target=page
          extTarget=_blank
        }
      }
    }
    20=IMAGE
    20 < .10
    20.file.import.listNum=2
    30=IMAGE
    30 < .10
    30=IMAGE
    30.file.import.listNum=3
    40=IMAGE
    40 < .10
    40.file.import.listNum=4
     
  }

  25 = TEXT
  25.value=INFO
  25.typolink{
      #target=123x456:menubar=0,scrollbars=0
    parameter.field=header_link
    parameter.wrap=|,1 516x450:menubar=0 title2
      # parameter=6,1 123x456:menubar=0,scrollbars=0 title
     
    no_cache=1
    JSwindow_params=menubar=0,scrollbars=1,resizable=0,location=0,toolbar=0
  }
  25.wrap=
  <div align="right">|</div>
  25.if.isTrue.field=header_link
   
  30=TEXT
  30.value= 
  
}
kriwi ·

Ich hab's darüber geschafft:

   10.altText = TEXT
   10.altText {
      field = altText
   }
   10.titleText = TEXT
   10.titleText {
      field = titleText
   }

kriwi

thedon ·

Hallo kriwi,

danke für den Tipp! Nur versuche ich jetzt dein Code einzubauen....wo hast du das den eingesetzt??

kriwi ·

Hier mein gesamtes TS zur Formatierung des CE "Text mit Bild":

temptextpic < tt_content.textpic
tt_content.textpic >
tt_content.textpic = COA
tt_content.textpic {
   5 < tt_content.text.10
   5.wrap = |
   
   10 = IMAGE
   10.file {
      import = uploads/pics/
      import.field = image
      import.listNum = 0
	  width.field = imagewidth
   }
   10.imageLinkWrap = 1
   10.imageLinkWrap {
      bodyTag =
      wrap = |
      width = 800m
      height = 600m
      JSwindow = 1
      JSwindow {
         newWindow = 0
         expand = 0,0
      }
      enable {
        field = image_zoom
        ifEmpty.field = image_link
      }
      typolink {
        parameter {
          field = image_link
          target = page
          extTarget = _blank
        }
      }
   }
   10.altText = TEXT
   10.altText {
      field = altText
   }
   10.titleText = TEXT
   10.titleText {
      field = titleText
   }
   10.wrap = <span class="img-right">|</span> 
   
   20 < tt_content.text.20
}

page.10.subparts.CONTENT >
page.10.subparts.CONTENT = COA
page.10.subparts.CONTENT.10 < styles.content.get
page.10.subparts.CONTENT.wrap =

Wie Du siehst, stimmt es weitestgehend mit Deinem TS überein (wahrscheinlich die gleiche Quelle), nur habe ich die Teile 20+x rausgenommen, brauche ich nicht. Jedenfalls siehst Du hier deutlich, wo mein Schnipsel rein muss.

Wenn Du eine Tipp hast, wie ich Zeile 46 durch eine Fallunterscheidung ersetzen kann, so dass die Klasse je nach Eintrag im FE (Bild rechts/links/zentriert ...) gesetzt wird, wäre ich dankbar. Liegt noch auf meiner ToDo-Liste.

kriwi

thedon ·

Hallo kriwi,

ich hatte mal fast das gleiche Problem und hab einfach verschiedene Layouts für meine Contents erstellt.

seite.10.table = tt_content

tt_content = CASE
tt_content {
key.field = header_layout

1 = COA
1 {
wrap = <div id="thumbnail"> | </div>
10 = TEXT
10.field = header
10.wrap = <h1> | </h1>
20 = TEXT
20.field = bodytext
20.wrap = <p> | </p>
}

default = COA
default {
wrap = <div id="thumbnail"> | </div>
30 = IMAGE
30 {
required = 1
wrap=|
file.import=uploads/pics/
file.import.field=image
file.width=600
file.height=325
}
10 = TEXT
10.field = header
10.wrap = <h1> | </h1>
20 = TEXT
20.field = bodytext
20.wrap = <p> | </p>

}
}

Hiermit bist du doch recht flexibel. Hoffentlich kannst du was damit anfangen.

Gruß Stefan

kriwi ·

... danke für den Tipp. An das Header-Layout kann ich meine Auswahl leider nicht binden, das brauche ich wirklich für verschieden gestaltete Überschriften.

... ich muss noch mal suchen. Irgendwo habe ich schon mal gelesen, wie die Bildpositionierung codiert ist. Dort stand dann sicher auch der Name des Feldes, über das man das Layout ansprechen kann.

kriwi