Forum

[Gunnar]

Ich möchte bei einer Seite, die ich auf Redaxo umstelle die Optik beibehalten und die Headlines als Grafiken einbinden. Da ist das Modul "Gerenderte Headline" eine große Hilfe, weil so schön einfach.

Leider habe ich das Problem, dass die Grafiküberschriften nicht auf einer Grundlinie sind. Das Bild macht das Dilemma deutlich:

Gerade wenn man zwischen den einzelnen Seiten wechselt, fällt das unangenehm auf.

Weiss da jemand eine Lösung, wie man den Text einheitlich auf eine Grundlinie bekommt? Kann man das in dem Modul selber mit irgendwelchen Angaben "erzwingen" oder irgendwie mit CSS tricksen oder oder oder...?

Ich bin etwas ratlos, wie man das am besten hinbekommt.

[Markus.Staab]

Hi,

warum schreibst du diese ganzen Begriffe nicht in einer Headline uns somit in einem Bild?

Gruß,
Markus

[Andreas.Eberhard]

Hi,

ich weiss was er meint. Wenn du auf zwei Seiten die headline hast
und zwischen den Seiten springst dann värändert sich auch die Position
des darauffolgenden Contents um ein paar Pixel (durch die unterschiedliche
Höhe der Headline-bilder)
Ist für die nächste um einiges erweiterte Version schon vorgesehen aber
nicht so trivial.
Die Bilder waren nur da um das Problem zu verdeutlichen ...

stay tuned

Gruß
Andreas

[Gunnar]

Ja, im Beispiel sollen das Überschriften von unterschiedlichen Seiten sein.

Ich habe vorhin drüber nachgedacht, ob man den String Zeichen für Zeichen durchgeht, da ich ja weiss, welche Zeichen nach oben mehr Platz benötigen. Und dann fügt man da irgendwie ein offset an oder so.
Nach unten wäre ja kein Problem, weil man da einfach eine feste Höhe der erstellen Grafik angeben könnte.

Ich stay dann mal tuned... ... wie lange?

[Peter.Bickel]

Wäre nicht eine Lösung per CSS ganz leicht, oder hab ich da einen Denkfehler?
Nämlich: der Headline eine feste Höhe geben und das Hintergrundbild links unten ausrichten?

Grüße,
Peter.

[Andreas.Eberhard]

Hallo Peter,
ja an css habe ich auch schon gedacht. Aber ich denke eher links und mittig
müsste ausgerichtet werden.
Schöner ist aber die Lösung wenn die Bilder auch immer gleich gross sind.

[Gunnar]

Gibt es schon irgendwas Neues in diesem Fall?

Man könnte es doch z.B auch so machen, dass man jeder Headline noch ein Eingabefeld für ein Offset spendiert. Müsste doch eigentlich die schnellste, wenn auch nicht die komfortabelste Lösung sein, oder?

[Andreas.Eberhard]

Hi,
leider gibt es hier noch nichts neues.
Die neue Version die ich in Arbeit habe hat ein paar neue Features,
und da ist es nicht so einfach das einzubauen. Ausserdem fehlt mir hier
leider momentan die Zeit.

LG Andreas

[Gunnar]

Okay, ich schau dann selber mal, ob ich da irgendwo ein Offset reingebastelt bekomme und wechsle dann auf deine neue Version, sobald sie fertig ist.

[Thomas.Blum]

Hej,

das Script berechnet die Bildhöhe verkehrt. Es müsste immer die k-Linie und die p-Linie berücksichtigen.

Siehe http://de.wikipedia.org/wiki/Typografie

Per CSS würde ich das überhaupt nicht lösen.

vg Thomas

[zehbaeh]

Theo. sollte das gehen mit:

1. Ermitteln der Gesamthöhe aller möglichen auszugebenden Zeichen (bbox).
font_h = image_h = abs(bboxfont[5]) + abs(bboxfont[1]);
2. Den Absolutwert von bboxfont[7] als Grundlinienversatz bei der Textausgabe benutzen.

IMHO enthält die bbox auch das Kerning (ggf. negatives bbox[0]), daher sollte dieser Wert zur Breite negativ hinzugerechnet werden und die Ausgabe des Text in das Image um diesen Wert negativ versetzt werden.

Beispiel:
$text_w = $bboxtxt[4] - $bboxtxt[0];
imagettftext($image,$fontsize,0,-$bboxtxt[0],abs($bboxfont[7]),$fgcol,$font,$text);

PS: mit bboxfont[1] könnte zb. per CSS relativ zum Image Bezug auf die Grundlinie genommen werden, also position:relative; bottom:-bboxfont[1]px

PS-2: Ich habe das gerade mal getestet, das Kerning muss bei der Ausgabe eines einzelnen Text nicht berücksichtigt werden. Daher Ausgabe bei x=0, Imagebreite = bboxtxt[4] + 1. Aber das war ja eh nicht das Thema.)