Hallo allerseits 😉
Seit einiger Zeit versuche ich eine Grafik mittels TV einzubinden.
Für den Banner ist ein div von 772x200px vorgesehen. Die einzufügende Grafik ist ebenfalls 772x200px. Folgende Versuche habe ich die letzten Tage unternommen:
- div Container als Content gemappt. Bild kann eingefügt werden, aber im FireFox werden nachfolgende divs verschoben wenn der Banner höher als 197px wird. (Column- und Row-space wurden auf 0 gesetzt.)
- div Container als Image Field gemappt. Bild kann eingefügt werden, wird aber automatisch auf 52x200px verkleinert. Die standard Breite ist jedoch auf 300px gesetzt. Ich kann nirgends eine Einstellung finden, um die auto. Verkleinerung zu steuern.
- div Container als Image Field with fixed w/h gemapped. Finde keine w/h Einstellungen und der Platzhalter ist ein zu kleines Quadrat.
Wie füge ich ein Bild am besten ein?
- Die HTML/CSS Vorlage ist getestet mit IE7,6 & FF2 (mit Bild und ohne Bild)
- Die Vorlage ist validiert
Erst wenn Typo3 das Bild einfügt, ensteht das Problem. Hat jemand diese Erfahrung gemacht?
LG monokoi
Ich glaube, dass das Thema hier falsch platziert ist. Das hört sich nach HTML/CSS Problematik an und hat nichts mit TemplaVoila zu tun.
Gruß
jesse
Hallo Jesse,
das Template ist getestet (IE7,6 & FF2) sowie validiert. Erst wenn das Bild durch Typo3 eingfügt wird, entsteht der Fehler.
Zudem würde es mich freuen, wenn mir jemand mit der Image-Field Funktion helfen könnte. (Sollte ein Banner nicht besser als Image Field statt as Content gemapped werden?)
LG monokoi
Update: Ich habe eine Möglichkeit gefunden, eine korrekte Anzeige zu erzeugen.
Den Banner Container habe ich als "Image Field with fixed w/h" gemappt. Die vorgegebenen Werte des Gif-Builders habe ich direkt in der Datenstruktur des Root-Templates geändert.
Ist diese Vorgehensweise 'koscher' oder murks?
hallo monokoi,
habe genau das selbe problem.
kannst du deine lösung bitte genauer erklären?
wo genau kann ich die standard größe, auf die runtergerechnet wird, ändern?
"in der Datenstruktur des Root-Templates" sagt mir leider nichts :-(
danke!
lgm
vielleicht mal die lösung per css noch probieren ?
dem img einfach ein display:block per css zuweisen... so wie's für mich klingt, sollte das gehen.
gruss