--- title: "imgtext ohne tabllen und ohne EXT css_styled_content" url: "https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content" source: "typo3.net" tags: ["Frontend","Barrierefreiheit","Bilder","Frage","Inhaltselemente"] created: "2005-06-29" last_reply: "2006-02-27" replies: 34 solved: false page: 1 pages: 1 lang: "de" --- # imgtext ohne tabllen und ohne EXT css_styled_content Frontend › Barrierefreiheit · 34 Antworten · gestartet 2005-06-29 ## Eröffnungsbeitrag **Space-Teddy** · 2005-06-29 · [Beitrag #1](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/1) hi leutz ich weis es ist leider n X-posting aber ich bräuchte hierbei echt hilfe ;) hab ein kleines problem nun hab ich xhtml1.0 transitional valid code und css2 valide styles aber beim WAI test falle ich durch weil typo3 um imgtext bzw um bilder immer tabellen baut.. gibt es da n möglichkeit das per ts zu lösen ? hab auf typo3.net was gefunden gehabt .. wo man das aber hardcoded in ne lib datei ... da bin ch mir noch was unsicher ob das nicht evtl die funktionalität einschränkt und irgend wie weis ich auch nit genau in was ich das dann ändern soll damit man das bild dann immernoch per backend positionieren kann hat da evtl jemand ne idee ich kann css_styled_content und accesible xhtml EXT nicht nutzen weil meine styles dann um gerödelt werden und mein layout zerhauen leider jemand ne idee ? würd mich freuen ;) ## Antworten ### [#2](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/2) · AlexWeber · 2005-06-29 hab das ganze auf meiner seite schonmal beschrieben ### [#3](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/3) · Space-Teddy · 2005-06-29 danke ... deine site hatte ich auch schon einmal gerfunden aber wieder "verloren" danke ,) ### [#4](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/4) · Space-Teddy · 2005-06-29 danke noch mal für den link aber ... hm ich hab gar keine css_styled content geht das dann überhaupt wenn keine EXT css_styled content installiert ist ? ich benutze content(default) cset(default) styles.content(default) aber kein css_styled contetn ..in welchen datein muss ich den kramen damit ich da die tabellen rasu bekomme :... ### [#5](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/5) · einpraegsam.​net · 2005-06-29 Hallo, wir nutzen ausschließlich content(default). 1. Um Summary Attribute für die Typo3 Inhalte zu setzen, musste ich die Datei tslib\class.tslib_content.php abändern (einfach nach " zuviel ... bin noch am grübeln .. aber positionierung funktioniert soweit so gut ;) werd die dann hier poste dauert nicht mehr lange ### [#9](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/9) · einpraegsam.​net · 2005-07-01 Da sag ich dann nur Hut ab! :o ### [#10](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/10) · Space-Teddy · 2005-07-01 ach quatsch so sauber wird es leider nit ;) hab noch ein paar probleme mit der WAI validierung da ja für WAI A div´s nur bedingt direkt formatiert werden dürfen ... (warning - seien sie sicher das die seite auch ohne css sichtbar/gut lesbar ist - frei übersetzt) vieleicht hast du eine idee ob man in einer art haupt css von typo3 (muss ja anscheinend einen geben) die classen mit aufnehmen kann (wäre vieleicht ganz gut ) ich hirne allerdings auch noch drauf rum, ob und wie ich dann zb die varibale $borderColor - (wenn man bei imgtext ein häckchen bei border macht) - mit in das css hinein bekomme ... alles im sinn des auslagerns von CSS (oder könnte die classen in die ausgelagerten css datein von typo3 die man ja zb mit config{ # CSS auslagern inlineStyle2TempFile = 1 } auslagert - eingefügt werden) wenn ich das noch finde - kann ich das noch einbauen dann haben wir zumindest schon einmal für imgtext validierten content wie weit sich das jetzt auf normale bilder auswirkt weis ich leider noch nit .. denke aber das ich heute schon einmal eine "superdupper alpha" auf den server laden kann space ### [#11](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/11) · einpraegsam.​net · 2005-07-01 Puh, benutze den Tidy HTML Validator, der meckert da nicht so schnell, das ist bestimmt nicht ganz easy... Genial wäre auch wenn die Grafiken zoombar wären, aber das geht vermutlich schon etwas zu weit, aber wenn die Tabellen weg wären, wäre das schon mal ein Beginn. ### [#12](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/12) · Space-Teddy · 2005-07-01 > **wunschtacho schrieb:** > > Genial wäre auch wenn die Grafiken zoombar wären, aber das geht vermutlich schon etwas zu weit, aber wenn die Tabellen weg wären, wäre das schon mal ein Beginn. zoombar im sinne von klick vergrößerung ? also klick vergrößerung ist möglich und angaben zb breite und höhe auch. allerdings ist das mit der direkt formatierung noch etwas knifflig wenn da irgend wer ne idee hat ... würd mich freuen aslo direkt formatierung im sinne ```php $imageHTML = '
'.$imgsTag[$imgIndex].'
'; ``` ich müste dasirgend wie so machen : ```php $imageHTML = '
'.$imgsTag[$imgIndex].'
'; ``` also diese zeile ist für mich ein wenig problematisch.. da das genau das problem ist was ich oben beschrieben habe (variable im CSS ?!?) ```php $imageHTML='
'.$imageHTML.'
'; ``` ### [#13](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/13) · Space-Teddy · 2005-07-01 hm ...sry das ich hier noch einen drann hänge aber ich kann in dem neuen forum mit safari 2.0 leider keine thrads editieren .. lande immer auf der startseite und die änderung werden nicht übernommen vieleicht sollten wa den thread verschieben nach kA ext erstellung oder so ... ;) wunschtacho hast du vieleicht ne idee aus welcher datei (oder wird das in der datenbank abgelegt?) zb cSet(default) oder content(default) finde? ich find es einfach nit :) vieleicht kann man die classen darin aufnehmen ? sry ... ### [#14](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/14) · einpraegsam.​net · 2005-07-01 Kollege ist der Meinung, dass das standard CSS in der Datenbank ist - nicht unbedingt einfach denke ich... Mit Zoombar meinte ich die Vergrößerung (bei IE und Firefox STRG + Mousewheel). ### [#15](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/15) · Space-Teddy · 2005-07-06 so ... ich bin mir noch nicht sicher ob ich mal code posten soll ... weil im sinne von WAI A ist es noch nicht valide aber der imgtext läuft jetzt so bei mir mit div´s und span´s allerdings suche ich immer noch ne möglichkeit die direkte formatierung in irgend ein standard css auszulagern ... damit ... man bei der WAI validierung nicht den fehler bekommt: > Ensure that documents are readable without stylesheets too. noch jemand ne idee ...? glaub das mit der datenbank ist mir mit den blobs etwas naja ... ich weis nit ..ob ich das packen würde ..bevor ich mir hier alles zerstöre ;) das einzige was da gegen spricht einfach ein weiters css als einzufügen sind: border colour und align die ja noch aus tabellen zeiten übrig sind ... also wenn da jemand ne idee hat wie ich zb dynamisch ein css erstellen kann (war da nicht was hier auf der start seite ;) ?) wo drinn ich aber die variablen aus dem constant editor mit einarbeiten kann vorallem auch die positionierungs variablen (direkt im imgtext wo man auswählt wo das bild sitzen soll / align) damit reinbekomme würd mich sehr freuen !!! dann könnt ich auch mit beruhigtem gewissen hier den code posten ;) danke schon einmal für jede idee ### [#16](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/16) · Space-Teddy · 2005-07-06 so ich bin schon ein paar schritte weiter und zwar: meinn problem liegt nun darin das ich eine "php" css baue die ich im ts als ...stdWrap($conf['borderCol'],$conf['borderCol.']); ``` solche variablen zurück greifen können allerdings schein ich doch noch blutiger anfänger zu sein ... welche datei muss ich per require oder include einbinden so das meine $this auch wirklich vorhanden ist und gefüllt ist ...??? ein link zum nachlesen würd mir völlig reichen ;) es ist leider ja keine EXT ...sonst würd ichs ja per kickstarter machen ```plaintext require_once("../../../typo3/t3lib/class.t3lib_parsehtml.php"); require_once("../../../tslib/class.tslib_pibase.php"); ``` die beiden hab ich schon eingefügt ...allerdings.. haben die nicht den gewünschten effect kann mir jemand helfen ....biiiittttteeee #giggle# ### [#17](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/17) · Space-Teddy · 2005-07-06 so ich hab ne lösung ... funktioniert auch fast schon so weit ganz gut ... ich habe jetzt einmal die datei auf divs umgestellt un dank typo3.net einen weg gefunden ein dynamisches css passend nur zu diesem inhalt zu erzeugen ... ist vieleicht noch nicht die eleganteste variant aber auf jeden schon einmal ein workaround ... und alles ohne css_styled _content css_styled_imgtext da mir aber gerade die augen brenn und der code noch eher wie einschalchtfeld aussieht werd ich morgen früh den code aufräumen und die edited version hier posten incl ... fertigem ts der funktionsumfang von "text mit bild" ist in keinster weise eingeschrenkt muss nur noch die letzten validationen durch machen also (xhtml1.0 transitional - css2 - WAI ) dann passt es !! so in diesem sinne bis moin früh ;) daniel ### [#18](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/18) · einpraegsam.​net · 2005-07-07 Super Arbeit, da werden sich wohl einige Verneigen... ! :p ### [#19](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/19) · Space-Teddy · 2005-07-07 na ich bin mal gespannt ... da machen wa dann bitte ne test phase mit dem dinge ;) hab es jetzt fast so gelöst das man einmal die datei einfach tasuchen kann und im setup vom template ein dynamisches css reinknallen kann das letzte problem ist nu ..(wegen css auslagern für WAI A) : wie bekomm ich das align im TS ausgegegebn ```typoscript 11 = TEXT 11.value < {field:tt_content.image.20.textPos.field.imageorient} ``` ein versuch von mir man kann spädda sicher noch einiges daran machen .. . sobald ich das dinge gefunden hab wie ich das align da rein bekomme ... wird dat ding gepostet =) ### [#20](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/20) · einpraegsam.​net · 2005-07-07 Würde dir gerne helfen, ist mir allerdings etwas zu hoch :) ### [#21](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/21) · Space-Teddy · 2005-07-07 ich hb mich doch entschieden das mit dem align etwas anders zu lösen werd für jede position ne eigene classe bauen ... naaj mit heute posten war etwas voreilig ;) aber bestimmt noch die woche =) ### [#22](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/22) · minstyle · 2005-07-07 Hallo, ich versuche auch gerade diese Datei nach meinen Bedürfnissen umzuändern. Allerdings habe ich gerade ein Problem und weiß nicht, wie ich dieses lösen kann: Und zwar soll jede Tabelle das Attribut "summary" enthalten. Diese ist aber von Tabelle zu Tabelle verschieden. Wie kann ich diese trotzdem einfügen und mit Typo3 ansprechen? Wenn das nicht klappen sollte, was ich mir vorstelle, wäre ich auch gegen ein DIV-Design natürlich auch nicht abgeneigt. Wie weit bist du denn schon, Space-Teddy? ### [#23](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/23) · einpraegsam.​net · 2005-07-08 "Und zwar soll jede Tabelle das Attribut "summary" enthalten. Diese ist aber von Tabelle zu Tabelle verschieden. Wie kann ich diese trotzdem einfügen und mit Typo3 ansprechen?" Die Beschreibung der einzelnen Tabellen ist natürlich im optimalen Fall verschieden, jedoch wird man da nichts machen können, sieht dann im schlechten Fall so aus: summary="Content mit Inhalt" Eine Variante mit DIV Layern würde Typo3 ein Stück näher an die Barrierefreiheit rücken ### [#24](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/24) · Space-Teddy · 2005-07-08 wunschato spar dir das mit dem decriptions und summerys ... ide werden nit valide sein ;) aber hier gehts zu modifikation ;) bin fertig ;) wenn ich hier auch noch code posten soll bitte sagen ;) wollte erstmal nit so rum spammen ;) freu mich auf anregungen kritiken und etc pp viel spass beim testen ;) ### [#25](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/25) · einpraegsam.​net · 2005-07-08 SUPER KLASSE, wir werden das hier gleich mal testen ### [#26](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/26) · minstyle · 2005-07-08 sehr gut!!! Danke! ### [#27](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/27) · einpraegsam.​net · 2005-07-08 Also erste Eindrücke: Tidy meckert am & (sollte man gegen & tauschen): Und der Firefox interpretiert natürlich gleich wieder alles anders :( Aber im IE schnurrt es scheinbar... ### [#28](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/28) · einpraegsam.​net · 2005-07-11 ```typoscript $tablecode.= '
'; ``` Da fehlt noch ein = Aber sonst ist es einfach genial!!! ### [#29](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/29) · Space-Teddy · 2005-07-11 super danke für jeden hinweis ... ja halt hier und da ein flüchtigkeits fehler ;) wird behoben ;) hm hat vieleicht jemand ne idee was man als aterantieve zu clear.gif nehemn könnte um einen abstand davor/ danach einzufügen ? ich glaub ich hab das (space) davor/danach deaktiviert :D gruß ... ### [#30](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/30) · einpraegsam.​net · 2005-07-11 Du kannst doch über das Stylesheet einen Abstand definieren - ich habe die Clear-Gifs auch rausgeschmissen ### [#31](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/31) · Space-Teddy · 2005-07-11 *kopfklatsch* #giggle# ### [#32](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/32) · Space-Teddy · 2005-07-11 ach ich hatte da noch ein problem mit nem image border ;) hab da noch was in der tslib_content.php geändert : ```php $theValue = 'absRefPrefix.t3lib_div::rawUrlEncodeFP($info[3])).'" width="'.$info[0].'" height="'.$info[1].'" border="'.intval($conf['border']).'"'.($conf['params']?' '.$conf['params']:'').($altParam).' />'; ``` hab einfach das border rausgeschmissen leider weis ich nicht genau welche zeile aber ab zeile 1000 ich gaub es betrifft aber auch nur IMGTEXT also text mit bild der abschnitt hat die überschrift : ```php /** * Returns a tag with the image file defined by $file and processed according to the properties in the TypoScript array. * Mostly this function is a sub-function to the IMAGE function which renders the IMAGE cObject in TypoScript. This function is called by "$this->cImage($conf['file'],$conf);" from IMAGE(). * * @param string File TypoScript resource * @param array TypoScript configuration properties * @return string tag, (possibly wrapped in links and other HTML) if any image found. * @access private * @see IMAGE() */ ``` vieleicht findet ihr das dann besser ;) falls es auch jemand rauswerfen will ;) ### [#33](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/33) · kuma · 2006-02-01 hallo - leider funzt der link zum download der datei nicht mehr! vielleicht könnte sie jemand nochmals uploaden - die würde alle meine probleme lösen :) ### [#34](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/34) · kuma · 2006-02-01 ok danke euch habe die datei bekommen. eine frage hätte ich noch. wie bekomme ich die lästigen font tags weg die immer um alles gewrapt werden? ### [#35](https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content/35) · todo · 2006-02-27 hallo - wo finde ich denn die geänderte Datei? ich wäre an der Lösung auch interessiert... Danke --- Quelle: „imgtext ohne tabllen und ohne EXT css_styled_content“, typo3.net, https://www.typo3.net/d/26611-imgtext-ohne-tabllen-und-ohne-ext-css-styled-content Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.