HTML/PHP Umbruch nach Pixel anstatt nach Zeichen?

aNtraXx

trailer park king

Registered: Apr 2002
Location: Linz
Posts: 6904

31.05.2005 - 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:

sbox_80681.jpg (downloaded 80x)

Bearbeitet von aNtraXx am 31.05.2005, 09:00

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

31.05.2005 - 15:35

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

Obermotz

Fünfzylindernazi

Registered: Nov 2002
Location: OÖ/RI
Posts: 5262

31.05.2005 - 15:49

Courier New verwenden

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

31.05.2005 - 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

trailer park king

Registered: Apr 2002
Location: Linz
Posts: 6904

01.06.2005 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

01.06.2005 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

01.06.2005 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4452

01.06.2005 - 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

trailer park king

Registered: Apr 2002
Location: Linz
Posts: 6904

01.06.2005 - 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

Moderator
Hoffnungsloser Optimist

Registered: Mar 2000
Location: MeidLing
Posts: 11338

01.06.2005 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

01.06.2005 - 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

trailer park king

Registered: Apr 2002
Location: Linz
Posts: 6904

01.06.2005 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

01.06.2005 - 15:05

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

aNtraXx

trailer park king

Registered: Apr 2002
Location: Linz
Posts: 6904

02.06.2005 - 07:38

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

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

02.06.2005 - 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...

aNtraXx trailer park king Registered: Apr 2002 Location: Linz Posts: 6904	31.05.2005 - 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: sbox_80681.jpg (downloaded 80x) Bearbeitet von aNtraXx am 31.05.2005, 09:00
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	31.05.2005 - 15:35 ja, mach ein bild draus - mit gd oder imagemagick, oder wwi kannst dich dann austoben...
Obermotz Fünfzylindernazi Registered: Nov 2002 Location: OÖ/RI Posts: 5262	31.05.2005 - 15:49 Courier New verwenden
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	31.05.2005 - 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 trailer park king Registered: Apr 2002 Location: Linz Posts: 6904	01.06.2005 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	01.06.2005 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	01.06.2005 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4452	01.06.2005 - 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 trailer park king Registered: Apr 2002 Location: Linz Posts: 6904	01.06.2005 - 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 Moderator Hoffnungsloser Optimist Registered: Mar 2000 Location: MeidLing Posts: 11338	01.06.2005 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	01.06.2005 - 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 trailer park king Registered: Apr 2002 Location: Linz Posts: 6904	01.06.2005 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	01.06.2005 - 15:05 overflow:hidden is schöner - für ne shoutbox reichts auch allemal
aNtraXx trailer park king Registered: Apr 2002 Location: Linz Posts: 6904	02.06.2005 - 07:38 Naja dann verschwinden aber die "überlängen" einfach. Somit ists nicht wirklich brauchbar.
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	02.06.2005 - 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...

HTML/PHP Umbruch nach Pixel anstatt nach Zeichen?

Forum Index > Software > Coding Stuff

aNtraXx

watchout

Obermotz

watchout

aNtraXx

Rektal

watchout

Rektal

aNtraXx

that

watchout

aNtraXx

watchout

aNtraXx

watchout