HTML/PHP Umbruch nach Pixel anstatt nach Zeichen?

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_php_umbruch_nach_pixel_anstatt_nach_zeichen_143285/page_1 - zur Vollversion wechseln!

aNtraXx schrieb am 31.05.2005 um 08:43

Folgendes Problem:

Ich habe hier eine Shoutbox, allerdings fehlt dieser noch eine ordentliche Formatierung. Da aber die Buchstaben unterschiedlich viel Platz in Anspruch nehmen, funktioniert der Zeilenumbruch per Anzahl von Zeichen nur bedingt. Ist es irgendwie möglich, dass ich anhand einer Pixelvorgabe für die Breite einen Umbruch erreichen kann?

tia Bernhard

Hier noch ein Bild zur Veranschaulichung:

watchout schrieb am 31.05.2005 um 15:35

ja, mach ein bild draus - mit gd oder imagemagick, oder wwi kannst dich dann austoben...

Obermotz schrieb am 31.05.2005 um 15:49

Courier New verwenden

watchout schrieb am 31.05.2005 um 15:57

also ich kann meine schrift - auch wenns courier is - auf 2000px breite aufblasen wenn ich lust hab (ich schätze du auch)...

aNtraXx schrieb am 01.06.2005 um 07:51

Naja nur glaube ich, dass eine Shoutbox als Bild nicht wirklich der Bringer ist. Was kann Courier New was Verdana nicht kann?

edit: ah gleiche Breite der Zeichen

Rektal schrieb am 01.06.2005 um 09:54

Eigentlich muesste es mittels JS/DOM eine Moeglichkeit geben zu berechnen wieviel Pixel die Zeichen verbrauchen. Aber performant ist das sicher nicht

watchout schrieb am 01.06.2005 um 11:32

weiss von keiner möglichkeit?
maximal mittels eines spans, der für jeden buchstaben.... omg will garnicht daran denken (und ginge imho nur im moz)

Rektal schrieb am 01.06.2005 um 11:37

Du markierst die zu checkende Abschnitte irgendwie im Dokument damit du sie im DOM findest, und ja, du legst einen span um den ersten buchstaben, wie breit ist dieser, dann den naechstne buchstaben, wie breit dann. wenn du die breite erreicht hast, insertest ein br und weiter gehts

Wir aber nur im Mozilla wirklich funktionierne befuehrte ich. IE ist total broken wenn man auf diese weisse mit spans abstaende messen moechte .. wie so oft.

aNtraXx schrieb am 01.06.2005 um 13:30

hmm ich glaub dann werd ich das getrost vergessen, wenn es selbst die "großen"-shoutboxenanbierter dies nicht in den griff bekommen, dann wirds wohl nicht gehen.

that schrieb am 01.06.2005 um 13:58

Du könntest stattdessen einen Style "overflow:auto" verwenden, dann erscheint bei zu langen Zeilen ein Scrollbar.

Oder du wartest auf weite Verbreitung von Browsern, die CSS 3 unterstützen, da kann man den Umbruch beeinflussen.

watchout schrieb am 01.06.2005 um 14:07

Zitat von that
Du könntest stattdessen einen Style "overflow:auto" verwenden, dann erscheint bei zu langen Zeilen ein Scrollbar.

Oder du wartest auf weite Verbreitung von Browsern, die CSS 3 unterstützen, da kann man den Umbruch beeinflussen.

da der noch nichtmal final is wird das wohl noch etwas dauern...

aNtraXx schrieb am 01.06.2005 um 14:26

Das mit dem overflow:auto hab ich derzeit . Naja, ist zwar nicht die schönste Lösung, aber was soll man machen.

Danke trotzdem für eure bemühungen

watchout schrieb am 01.06.2005 um 15:05

overflow:hidden is schöner - für ne shoutbox reichts auch allemal

aNtraXx schrieb am 02.06.2005 um 07:38

Naja dann verschwinden aber die "überlängen" einfach. Somit ists nicht wirklich brauchbar.

watchout schrieb am 02.06.2005 um 09:20

hier ists auch mit hidden in der leftbar, und man merkts nur alle paar wochen mal wenn jemand nen thread über die donaudampfschiffahrtsgesellschaft aufmacht...

Ich würds mit hidden machen, wer so lange Worte benutzt in der Shoutbox muss halt damit rechnen dass sie abgeschnitten werden - das setze ich als minimale natürliche Intelligenz einfach voraus, irgendwo muss man halt aufhören die User zu bemuttern und ihnen immer mehr Annehmlichkeiten zu geben...