Re: [TYPO3-german] CE Bilder Responsive
Hallo Sven,
ich verwende Zurb Foundation.
Es funktioniert übrigens mit 'img { width: 100%;}'.
Allerdings gibt es dann den Nachteil, dass Bilder vergrößert werden,
wenn der umgebende Container größer als das Bild ist.
Bei den CE 'Bilder' und 'Text mit Bilder' dürfte das nicht der Fall
sein, deshalb '.csc-textpic img { width: 100%;}'.
Interessanterweise benötigt Chrome (ver. 27) das nicht, Firefox (22) und
IE (10) schon.
Grüße
Stephan
schrieb Sven Wappler:
Hallo Stephan,
wie schon einer sagte, benötigt der Inhalte das passende "Drumherum",
damit der Inhalt responsive dargestellt werden kann. Am besten geht dies
mit einem CSS Framework wie Bootstrap von Twitter.
Eine Umsetzung findest du auf meiner Demo-Seite: http://t3bootstraptv.de/
Grüße, Sven
Am 20.06.2013 00:13, schrieb Stephan Bauer:
Hallo,
ich habe versucht, die CEs 'Bilder' und 'Text mit Bilder' so anzupassen,
dass die eingebundenen Bilder sich in einem responsive Design in der
Größe anpassen (TYPO3 4.7 und 6.1).
Anleitung u.a.:
http://typo3blogger.de/responsive-design-mit-typo3/
Leider funktioniert bei mir keine Anleitung, die ich gefunden habe.
Die Bilder verkleinern sich leider nicht.
Hat jemand eine funktionierende Lösung?
Vielen Dank im Voraus.
Grüße
Stephan
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] CE Bilder Responsive
Hallo Stephan, wie schon einer sagte, benötigt der Inhalte das passende "Drumherum", damit der Inhalt responsive dargestellt werden kann. Am besten geht dies mit einem CSS Framework wie Bootstrap von Twitter. Eine Umsetzung findest du auf meiner Demo-Seite: http://t3bootstraptv.de/ Grüße, Sven Am 20.06.2013 00:13, schrieb Stephan Bauer: > Hallo, > > ich habe versucht, die CEs 'Bilder' und 'Text mit Bilder' so anzupassen, > dass die eingebundenen Bilder sich in einem responsive Design in der > Größe anpassen (TYPO3 4.7 und 6.1). > Anleitung u.a.: > http://typo3blogger.de/responsive-design-mit-typo3/ > > Leider funktioniert bei mir keine Anleitung, die ich gefunden habe. > Die Bilder verkleinern sich leider nicht. > > Hat jemand eine funktionierende Lösung? > > Vielen Dank im Voraus. > > Grüße > > Stephan > ___ > TYPO3-german mailing list > TYPO3-german@lists.typo3.org > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german > -- WapplerSystems: http://www.wapplersystems.de T3Yaml Template: http://t3yaml.de T3bootstraptv: http://t3bootstraptv.de Xing: https://www.xing.com/profile/Sven_Wappler Geeklist: http://geekli.st/svewap Twitter: https://twitter.com/WapplerSystems ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] CE Bilder Responsive
Hallo, vielen Dank für die Antworten. @Matthias: rtp_imgquery kenne ich, möchte aber vorerst nur die Bilder im Browser verkleinern ohne weitere EXT. @Renzo: Das Design ist "responsive". Aufgebaut ist es mit Zurb Foundation. Auf dieser Seite funktioniert es, wie es soll: http://t3ip.maddesigns.de/examples/text-and-images/ Der Ersteller ist auch der Author des Betrages auf typo3blogger. Ich hatte ihn schon angeschrieben, aber leider keine Antwort bekommen. Dann muss ich das mal noch genauer untersuchen. Grüße Stephan schrieb conPassione gmbh: Hallo Liste nun, das "responsive" machen einer Website braucht ein von Grund auf für diesen Zweck ausgelegtes Design. Wenn der äusserste Container schon ein min-width:960px hat, dann werden sich die Bilder auch nicht anpassen, weil sich ja der umfassende Container nicht anpasst. Das Gleiche gilt natürlich auch für alle inneren Container, wenn einer Spalte eine fixe Breite zugeordnet ist, dann funktioniert es auch nicht. Die Beispiele vom typo3blogger.de funktionieren grundsätzlich, denn sie entfernen die sonst als Inline-Style definierten, fixen Grössenangaben der Bilder. Das ist die Grundvoraussetzung, dass diese responsive werden. Und natürlich muss das CSS dann auch entsprechend mit max-width:100% und width/height:auto gesetzt werden. Der langen Rede kurzer Schluss, es gibt viele Möglichkeiten die Responsiveness zu verhindern. Deshalb muss man das ganze Gerüst an HTML/CSS anschauen und für IE8 und ältere auch modernizer einbauen. Ich würde mal von aussen nach innen die Container untersuchen, ob diese für responsives Design gebaut sind. Dann kannst Du im TSOB schauen (oder natürlich auch im Quelltext), ob noch Angaben zu img und figure vorhanden sind, welche eine fixe Breite als Inline-Style ausgeben. Dann diese eliminieren. Und zu guter Letzt würde ich die Angaben zu Bildgrössen in der Flexform ausblenden, damit kein Redaktor da was reinschreibt. Gruss Renzo ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] CE Bilder Responsive
Hallo Liste nun, das "responsive" machen einer Website braucht ein von Grund auf für diesen Zweck ausgelegtes Design. Wenn der äusserste Container schon ein min-width:960px hat, dann werden sich die Bilder auch nicht anpassen, weil sich ja der umfassende Container nicht anpasst. Das Gleiche gilt natürlich auch für alle inneren Container, wenn einer Spalte eine fixe Breite zugeordnet ist, dann funktioniert es auch nicht. Die Beispiele vom typo3blogger.de funktionieren grundsätzlich, denn sie entfernen die sonst als Inline-Style definierten, fixen Grössenangaben der Bilder. Das ist die Grundvoraussetzung, dass diese responsive werden. Und natürlich muss das CSS dann auch entsprechend mit max-width:100% und width/height:auto gesetzt werden. Der langen Rede kurzer Schluss, es gibt viele Möglichkeiten die Responsiveness zu verhindern. Deshalb muss man das ganze Gerüst an HTML/CSS anschauen und für IE8 und ältere auch modernizer einbauen. Ich würde mal von aussen nach innen die Container untersuchen, ob diese für responsives Design gebaut sind. Dann kannst Du im TSOB schauen (oder natürlich auch im Quelltext), ob noch Angaben zu img und figure vorhanden sind, welche eine fixe Breite als Inline-Style ausgeben. Dann diese eliminieren. Und zu guter Letzt würde ich die Angaben zu Bildgrössen in der Flexform ausblenden, damit kein Redaktor da was reinschreibt. Gruss Renzo -- Renzo Bauen conPassione gmbh T +41 33 345 00 92 M +41 79 330 10 11 http://www.conpassione.ch TYPO3 Bronce Associate Am Mittwoch, den 19.06.2013, 23:31 +0100 schrieb Matthias Eberlein: > On 19.06.2013 23:13, Stephan Bauer wrote: > > Hallo, > > > > ich habe versucht, die CEs 'Bilder' und 'Text mit Bilder' so anzupassen, > > dass die eingebundenen Bilder sich in einem responsive Design in der > > Größe anpassen (TYPO3 4.7 und 6.1). > > Anleitung u.a.: > > http://typo3blogger.de/responsive-design-mit-typo3/ > > > > Leider funktioniert bei mir keine Anleitung, die ich gefunden habe. > > Die Bilder verkleinern sich leider nicht. > > > > Hat jemand eine funktionierende Lösung? > > > > Vielen Dank im Voraus. > > > > Grüße > > > > Stephan > Hallo Stephan, > Schau dir diese Ext. doch einmal an. > https://github.com/rtp-ch/rtp_imgquery > Gruss > matthias > ___ > TYPO3-german mailing list > TYPO3-german@lists.typo3.org > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] CE Bilder Responsive
On 19.06.2013 23:13, Stephan Bauer wrote: Hallo, ich habe versucht, die CEs 'Bilder' und 'Text mit Bilder' so anzupassen, dass die eingebundenen Bilder sich in einem responsive Design in der Größe anpassen (TYPO3 4.7 und 6.1). Anleitung u.a.: http://typo3blogger.de/responsive-design-mit-typo3/ Leider funktioniert bei mir keine Anleitung, die ich gefunden habe. Die Bilder verkleinern sich leider nicht. Hat jemand eine funktionierende Lösung? Vielen Dank im Voraus. Grüße Stephan Hallo Stephan, Schau dir diese Ext. doch einmal an. https://github.com/rtp-ch/rtp_imgquery Gruss matthias ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
