Zum Inhalt springen

imgtext ohne tabllen und ohne EXT css_styled_content

Erstellt am 29. Juni 2005 · 34 Antworten · letzte Antwort am 27. Februar 2006 · Seite 2 von 2

Tags: Inhaltselemente, Bilder, Frage

Space-Teddy ·

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 <link ...> 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

Space-Teddy ·

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 ...<link in den seiten header einbinde

diese css.php

soll allerdings nun auch zb auf

$borderColor = $this->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

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#

Space-Teddy ·

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

Space-Teddy ·

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

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 =)

Space-Teddy ·

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 =)

minstyle ·

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?

einpraegsam.​net ·

"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

einpraegsam.​net ·

Also erste Eindrücke:

Tidy meckert am & (sollte man gegen &amp; tauschen):
<link rel="stylesheet" type="text/css" href="index.php?id={field:uid}&amp;type=22" />

Und der Firefox interpretiert natürlich gleich wieder alles anders 🙁
Aber im IE schnurrt es scheinbar...

Space-Teddy ·

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
😃

gruß ...

Space-Teddy ·

ach ich hatte da noch ein problem
mit nem image border 😉
hab da noch was in der tslib_content.php geändert
:

$theValue = '<img src="'.htmlspecialchars($GLOBALS['TSFE']-" alt="" />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 :

/**
	 * Returns a <img alt="" /> 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		<img alt="" /> 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 😉

kuma ·

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 🙂

kuma ·

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?