Titel seitenbreit, Lösungsansatz

[fyp]

Hallo Leute,

ich würde gerne dass meine Überschrifften eine varrierende Grösse haben, um immer die Seitenbreite auszufüllen.
Also bsp: wenn die Überschrift "kurz" lautet, ist die Schriftgrösse riesig, wenn es aber "Mein Gott ist das ein langer Satz" lautet ist sie dementsprechend kleiner.
Klar kann ich das per Hand machen, aber ich hätte Spass dran es zu automatisieren.

Ich denk an sowas wie mit php die Zeichen zählen und dann es in px umzurechnen...
Und auf sowas wie if (zeichen=1) groesse=100; if (zeichen=2) groesse=75 etc... hab ich auch kein Bock, will was schönes.

Auf blöd gibts ja sogar eine pure CSS Lösung...

Weisst wie ich mein?

Grüsse aus dem Regen,
fyp

[wuselmann]

Schon mal an JavaScript/jQuery gedacht? PHP scheint mir für die Ausgabe in dem Fall nur bedingt geeignet, wenn Du bei den immer stark unterschiedlichen Browsern verlässlich die Größe anpassen willst...
Könnte sogar ein leckerer optischer Effekt sein die Überschriften dynamisch "aufzupumpen".

[fyp]

Manchmal bin ich echt langsam....
Danke...
Schäm mich...
Haste dafür ne Idee?
Meine Jqueryskills sind mittelmässig.
Oder ne Googlesuche, fällt grad nix ein.

[wuselmann]

*hmmm
Würde der Bequemlichkeit wegen mit jQuery spielen. Ein möglicher spontaner Ansatz (Grundprinzip) könnte sein:

a) HTML erst mal bauen, als sei nichts spezielles geplant, allerdings eine Klasse "sizeme" an die zu vergrößernde Überschrift hängen, die 100% breit, "overflow:hidden;" und "white-space: nowrap;" setzt.
b) Sobald das Document ready ist
c) Selector über alle h1 mit class="sizeme"
d) em-Wert des Objektes solange += 10% bis Object.width() < Object.scrollWidth ist.
e) em-=10% und die Breite ist annähernd 100% (Finetuning in weiterer Schleife möglich)
f) ggf. Höhe des h-Containers neu setzen

Geht vielleicht noch eleganter mit "blinder Vorarbeit" oder gar auf ganz anderen Wegen. Viel Spaß beim ausfuchsen.

[fyp]

schick.
macht glaube ich Sinn.
Setz mich aber morgen ran, jetzt erstmal verdiennter Schlaf...
Danke Dir nochmals!

[wuselmann]

Na wie läuft's - machen wir gleich ein jQuery-Plugin drauß?

[fyp]

war faul... hab kopiert:
http://fittextjs.com/

sorry....