TYPO3-Tutorial Teil 35: Inhalte anlegen – Text mit Bild

|

In diesem Video zeige ich euch das Inhaltselement „Text mit Bild“.

Viel Spaß!


[youtube]https://www.youtube.com/watch?v=A0KHg-CR2Dg[/youtube]

Alle TYPO3-Tutorials kostenlos downloaden

17 Gedanken zu “TYPO3-Tutorial Teil 35: Inhalte anlegen – Text mit Bild”

  1. ich möchte in htmlArea RTE dem Text verschiedene Schriftgrößen zuweisen. dort steht z.B. Standardgröße, Extrem klein, Sehr klein, Klein, Mittel, … usw.
    aber es verändert sich nicht in diesem Editor und auch nicht in der Ausgabe, also auf der Seite. ich weiß, dass ich diese Befehle noch in meine css-Datei eingeben muss, sowie die Befehle für die Textausrichtung auch. aber wie heißen diese Befehle, ich finde dazu alles mögliche, aber nix, was mir weiterhilft.
    kannst du mir da weiter helfen?
    scholzi 😉

    • Installier dir mal im Firefox das Add-On „Firebug“. Danach gehe mal auf deine Seite, klicke den entsprechenden Textabschnitt mit der rechten Maustaste an und dann auf „Element untersuchen“.

      Du erhältsts dann eine Ansicht des Quelltextes mit den zugehörigen CSS-Definitionen des ausgewählten Elements. Dort sind du die verwendeten KLassen-Namen und kannst diese entsprechend in deinem Stylesheet definieren.

      Alternativ suche einfach in der normalen Quelltextanzeige nach dem Text.

      Gruß
      Wolfgang

      • … ich habe schon alles mögliche probiert, aber ich weiß nicht, was ich da in die css eintragen muss, damit der Inhalt weiß, ich muss jetzt „Extrem Groß“ (32px) erscheinen! und da es sich auch im text-editor in typo3, also im „backend“, nicht ändert, kann es sich auch nicht auf meiner seite „frontend“ ändern. verstehst, was ich meine?
        scholzi 🙁

  2. Hallo Wolfgang,

    ich habe ein Problem mit der Darstellung der Bildgrößen. Ich habe Bildinhalte (text mit bild und nur bilder) angelegt und eine Breite von 300 Pixel definiert. Aber wenn die Seite geladen wird, wird das Bild in voller größe angezeigt.

    Im generierten Quelltext wird dann im li-container eine breite von 1024px angegeben (so groß wie die Bilddatei)
    ….

    Ich weiß nicht warum, hoffe du kannst mir nen tipp geben.

    Gruß Henry

    • sry, der HTML code wurde leider interpertiert und nicht ausgegeben.

      (li class=“csc-textpic-image csc-textpic-firstcol“ style=“width:1024px;“)…(/li)

      • Hi,
        hm, ich kann mich erinnern, dieses Problem auch einmal gehabt zu haben, aber ich weiss nicht mehr genau, woran es lag.

        Hast du irgendeine Lightbox-Extension installiert?
        Ist ImageMagick und die GDLib im Installtool korrekt eingestellt?

        • Hi,

          Ich habe die Perfect Lightbox installiert, hatte das Problem mit den Bildern aber schon vorher.

          ImageMagick habe ich nicht installiert, aber was soll dies damit zu tu haben? Die Breite, die ich im Backend angeben habe, sollte doch im CSS als breite angegeben werden oder?

          Grüße Henry

          • Du brauchst auf jeden Fall ImageMagick!

            TYPO3 verwendet nicht die Originalbilder, die du hochgeladen hast, sondern legt Kopien davon an. Und wenn die Bildmanipulationen wie eben eine Größenänderung durchführst brauchst du zwingend ImageMagick.

  3. So jetzt funktioniert das.

    Danke für den Tipp, ich dachte der vergrößert bzw. verkleinert die Bilder mit den HTML/CSS Attributen.

    Gruß Henry

    • Nein, zum Glück nicht, das wäre ziemlich ineffizient. Stell dir vor, ein Kunde lädt ein Bild direkt von der Digicam hoch, die haben meistens eine Größe von 2-3 MB oder mehr. Das wäre für die Performance einer Seite eine Katastrophe. Deshalb wird für jedes im Frontend angezeigt Bild eine Kopie in der entsprechenden Größe angelegt.

  4. Hallo Wolfgang,

    erst Mal vielen Dank für Deine super Tutorials! Mit Deiner Hilfe konnte ich mir in ein paar wenigen Tagen typo3 aneignen!
    Nun habe ich aber noch eine Frage zu Bildern. Wie kann ich ein Bild mit Breite in Prozent darstellen? Also z.B. max-width 50%? Ich möchte, dass das Bild maximal 50% des Browserfensters einnimmt, egal wie gross der Browser ist.
    In meiner Vorlage hatte ich das mit yaml und class=“float-right flexible“ width=“50%“ gelöst.

    Mir wär’s auch egal wenn die 50% fix im code wären und der Kunde nur das Bild an sich austauschen könnte…

    Vielen Dank, Reto

  5. Hm… wenn ich das „img“ in der css Klasse weglasse, also „.img-small { max-width:50%; }“ verändert sich logischerweise das ganze Inhaltselement, doch mit dem „img“ drin passiert gar nichts. Das sollte dann doch das property des Bildes ändern…

Schreibe einen Kommentar

TYPO3 9 LTS Videotraining

Das Videotraining zu TYPO3 9 LTS

Momentan in Vorbereitung

Klicke hier für weitere Infos zum neuen Videotraining!

close-link
In Vorbereitung: Das Videotraining zu TYPO3 9 LTS
Hier klicken für mehr Informationen!
close-image

YouTube aktivieren?

Auf dieser Seite gibt es mind. ein YouTube Video. Cookies für diese Website wurden abgelehnt. Dadurch können keine YouTube Videos mehr angezeigt werden, weil YouTube ohne Cookies und Tracking Mechanismen nicht funktioniert. Willst du YouTube dennoch freischalten?