Suche
Teilen
startseite » forum

relative Größenangabe in [em] von Bildern in imgtext

  • fhofmann fhofmann
    Padawan
    0 x
    35 Beiträge
    0 Hilfreiche Beiträge
    12. 06. 2006, 17:50

    Hallo,

    da ich an einer Website arbeite, bei der sämtliche Größenangaben relativ sind (in [em]) wäre es schön, wenn ich "cssstyled content" dazu bewegen könnte, Bilder in em zu skalieren.
    Gibt es hier eine einfache Lösung oder muß man eine Extension schreiben, die das Erstellen von <img> Tags überschreibt?

    PS: Ich frage mich, warum das skalieren in em nicht sowiso standard ist. Es siht einfach super aus, wenn man mit [strg]Mouseweel in die Websigte reinzoomen kann.

    lg
    Frank

  • 1
  • miwolfram miwolfram
    Jedi-Meister
    0 x
    386 Beiträge
    0 Hilfreiche Beiträge
    13. 06. 2006, 11:59

    [quote="fhofmann"]
    PS: Ich frage mich, warum das skalieren in em nicht sowiso standard ist. Es siht einfach super aus, wenn man mit [strg]Mouseweel in die Websigte reinzoomen kann.
    [/quote]

    Naja, [b]em[/b] ist nunmal eine relative Größenangabe.
    Typo3 kann ja nicht wissen wie (relativ) groß dein Bild werden soll...

    Ausserdem ändert sich die "Größe von em" je nach Schriftart/Schriftgröße eines übergeordneten Elements.

  • fhofmann fhofmann
    Padawan
    0 x
    35 Beiträge
    0 Hilfreiche Beiträge
    15. 06. 2006, 11:21

    Hallo miwolfram,

    Danke für deine Antwort. Im prinzip hast du natürlich recht, dass [em]relativ sind. In meinem Stylesheet sorge ich aber dafür, dass 10px immer 1.0em sind.

    body {
    font-size: 100.01%; /*behebt IE Bug*/
    }
    * {
    font-size:1em;
    }

    Die Bereiche mit größerem Text müssen natürlich gewrappt werden. Wenn man dann wirklich alle Größenangaben in [em]macht, kann man mit [strg]+ Mouseweel in die Website reinzoomen (besonders beim FF spektakulär, IE hat leider nur 5 Stufen).

    Im Moment löse ich das Problem meiner Meinung nach etwas unsauber: Ich schreibe einfach ene user_function, die den HTML-Output parst. Einfach alle XXXXpx durch XXX.Xem ersetzt. :o

    Wirklich schön wäre es, wenn es eine TypoScript Lösung geben würde.

    lg
    Frank

  • LineMan LineMan
    Jedi-Meister
    0 x
    294 Beiträge
    0 Hilfreiche Beiträge
    18. 06. 2006, 20:30

    cool wärs trotzdem, wenn man em größen angeben könnte... manchmal macht dasa uf alle fälle sinn. (oder ist enn nettes feature)... wie mans sauber machen sollte wüsste ich aber auch nicht.

  • Phil98 Phil98
    T3PO
    0 x
    31 Beiträge
    0 Hilfreiche Beiträge
    16. 08. 2006, 01:47

    Habt ihr für das oben genannte Problem schon eine Lösung gefunden? Würde mich auch sehr interessieren!

    Oder kennt evtl. jemand eine Möglichkeit die width und height Attribute aus Bildern zu entfernen? Das wäre ja auch schon ein Schritt in die richtige Richtung.. :)

    Grüße, ph.

  • LineMan LineMan
    Jedi-Meister
    0 x
    294 Beiträge
    0 Hilfreiche Beiträge
    19. 08. 2006, 15:20

    jo... ich habe heute mal einiges ausprobiert und eine kleine miniextension geschrieben, die es ermöglicht weiterhin pixel im backend einzugeben und dann automatisch em-werte zu den bildern hinzuzufügen (style="width:Xem;height:Xem;"). das funktioniert soweit auch ganz gut. ein problem dabei ist nur, dass die extension css-styled-content ja auch diese em-werte braucht. da ich kein besonders guter php-programmierer bin habe ich es leider nicht geschnallt, wie ich auch diese extension erweitern kann.

    vorgehensweise ist, dass man 2 zeilen in der datei class.tx_cssstyledcontent_pi1.php ändern muss, damits auch hier klappt. ich habe allerdings bestimmt was übersehen... es wäre cool, wenn wir hier vielleicht zusammen etwas erreichen könnten.

    grundsätzlich ist hier voraussetzung das man mit dem wert body {font-size:100.01%;} arbeitet... da ich hier einfach die pixelwerte durch 16 teile und sie im render-image prozess als inlinestyle hinzufüge.

    wer interesse hat, dem schicke ich die extension gerne zu.

    sehen kann man das bereits auf http://www.css-tutorials.de/

    es werden allerdings nur die images über text-with-pic oder picture-only so behandelt... die bilder die ich im rte hinzugefügt habe bekommen diese werte noch nicht... auch da müsstem an nachbessern...

    EDIT: Hab mal nen kleines Turorial geschrieben und auch runterladen kann man sich die Extension jetzt hier:
    http://www.css-tutorials.de/typo3tutorials/em-wertefrbilder.html

  • 1
Präsentiert von