Buchstaben-Bilder mit Blocksatz-Ausrichtung

[Florian]

Hallo!

Meine Seite befindet sich noch im Aufbau und ich möchte gerne einen Text auf meine Seite stellen, die Buchstaben sind einzelne Bilder (z.B. b.jpg),

ich geb also ein

<img src="h.jpg"><img src="t.jpg"><img src="m.jpg"> ,

so ergibt sich das wort htm,

wisst ihr was ich tun muss um das ganze im blocksatz anzuzeigen, ich glaube nicht dass man mit <div align="justify>....</div>, die Bilder im Blocksatz anzeigen kann.

Ich danke euch fleißigen Cracks, :-)

Flo

[Florian]

Schon klar dass es im Grafik-Programm einfacher ist, aber ist sehr aufwendig, wenn ihr also irgendwelche anregungen habt, ich wäre sehr glücklich darüber :-)

[Gunnar Bittersmann]

@@Florian:

ich glaube nicht dass man mit <div align="justify>....</div>, die Bilder im Blocksatz anzeigen kann.

Was führt dich zu diesem Irrglauben?

Und was führt dich dazu, für Darstellungsangaben nicht http://de.selfhtml.org/css/@title=CSS (http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align), sondern missbilligte HTML-Attribute einzetzen zu wollen?

Live long and prosper,
Gunnar

[Beat]

ich geb also ein
<img src="h.jpg"><img src="t.jpg"><img src="m.jpg"> ,
so ergibt sich das wort htm,
wisst ihr was ich tun muss um das ganze im blocksatz anzuzeigen, ich glaube nicht dass man mit <div align="justify>....</div>, die Bilder im

Wenn schon solltest du das CSS Equivalent eingeben.
Hint: Blocksatz mittels justify berührt Whitespace.
Damit der Effekt sichtbar wird, braucht es mindestens einen virtuellen Umbruch.

Aber vielleicht meinst du ja gar nicht Blocksatz sondern ein Equivalent zu letter-spacing oder word-spacing. Da wüsste ich aber nicht, ob <img> Elemente von Browsern im Sinne von Letterchars interpretiert werden.

http://de.selfhtml.org/css/eigenschaften/schrift.htm#word_spacing

Accessibility rät dir eh zu einem anderen Ansatz.

mfg Beat

[Florian]

hallo!

ich bin zu doof um euch zu verstehen,
wenn ihr mal zeit und lust habt schreibt mir bitte konkret:

#WIE LAUTET DER BEFEHL??
{
....???
}

[Gunnar Bittersmann]

@@Florian:

ich bin zu doof um euch zu verstehen,

Möglich. Was gnau hast du nicht verstanden?

#WIE LAUTET DER BEFEHL??

Weder in HTML noch in CSS gibt es Befehle. Die entsprechende CSS-Eigenschaft hatte ich dir genannt.

Der Befehl für dich lautet: Nachlesen! Danach bei Bedarf Frage präzisieren!

Live long and prosper,
Gunnar

[Beat]

ich bin zu doof um euch zu verstehen,
wenn ihr mal zeit und lust habt schreibt mir bitte konkret:
#WIE LAUTET DER BEFEHL??

Es gibt keinen und wir handeln auch nicht nach denselben.
Meiner Meinung versuchst du etwas, das im Web selten so angewendet wird.
Du wirst also die zur Verfügung stehenden Möglichkeiten zur CSS-Schriftformatierung ausschöpfen und auf verschiedenen Browsern testen müssen.

Mein Ansatz wäre ein anderer, etwas komplexer.
<span class="charh">h</span

<span class=charh>t</span
<span class=charh>m</span
<span class=charh>l</span>

und dann mit Background images arbeiten.

mfg Beat

[Gunnar Bittersmann]

@@Beat:

Accessibility rät dir eh zu einem anderen Ansatz.

?? Meinst du diesen?

Ich wüsste nicht, was daran besser in Bezug auf Accessibility wäre.

Live long and prosper,
Gunnar

[Beat]

Accessibility rät dir eh zu einem anderen Ansatz.

?? Meinst du diesen?

Ich wüsste nicht, was daran besser in Bezug auf Accessibility wäre.

Ich weiss, dass es die theoretische Möglichkeit gibt, dass jemand CSS aktiviert hat, aber dann das Bilder laden unterdrückt.
Unter genau dieser Voraussetzung magst du Recht haben. Aber ich halte sie minder wichtig wie dich Nachteile, die durch <img> Elemente entstehen.

Sobald es dir einfällt den Bildern auch noch eine Dimensionierung mitzugeben, wirst unter Umständen vom alt Text eh nicht mehr viel sehen.

mfg Beat

[Gunnar Bittersmann]

@@Beat:

Aber ich halte sie minder wichtig wie dich Nachteile, die durch <img> Elemente entstehen.

Die da wären?

Sobald es dir einfällt den Bildern auch noch eine Dimensionierung mitzugeben,

Du meinst @width und @height? Warum sollte mir das in diesem speziellen Fall hier einfallen?

wirst unter Umständen vom alt Text eh nicht mehr viel sehen.

Diese Umstände können nur sein: kaputte Browser (IE).

In vernünftigen Browsern wird Alternativtext als genau das angezeigt: als Text. Und zwar in der normalen Schriftgröße.

Wenn es kein Bild gibt, dann gibt es auch keine Box der von @width und @height bestimmten bzw. vom Browser vorgegebenen Größe, in der ein Alternativtext erscheint.

Live long and prosper,
Gunnar

[Beat]

Aber ich halte sie minder wichtig wie dich Nachteile, die durch <img> Elemente entstehen.
Die da wären?

Mir behagt die Meng an Code nicht, und mir behagt nicht, etwas im HTML hart kodiert zu haben, das ich später unter Umständen ersetzen will

Sobald es dir einfällt den Bildern auch noch eine Dimensionierung mitzugeben,
Du meinst @width und @height? Warum sollte mir das in diesem speziellen Fall hier einfallen?

wirst unter Umständen vom alt Text eh nicht mehr viel sehen.
Diese Umstände können nur sein: kaputte Browser (IE).

Die Angabe in der Klammer ist unvollständig, und zudem ein schlechtes Argument. Ein nicht kaputter User blendet ja nicht Bilder aus ;)))

mfg Beat

[Gunnar Bittersmann]

@@Florian:

<img src="h.jpg"><img src="t.jpg"><img src="m.jpg"> ,
so ergibt sich das wort htm,

Aber nur unter günstigen Umständen.

Für ungünstige Umstände ist das sowieso vorgeschriebene http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz@title='alt'-Attribut mit sinnvollen Werten auszustatten:

<img src="h.jpg" alt="h"><img src="t.jpg" alt="t"><img src="m.jpg" alt="m">

Live long and prosper,
Gunnar

[Klawischnigg]

Hi there,

wisst ihr was ich tun muss um das ganze im blocksatz anzuzeigen, ich glaube nicht dass man mit <div align="justify>....</div>, die Bilder im Blocksatz anzeigen kann.

"Blocksatz" wird da nur gehen, wenn Du die Anzahl der "Buchstaben" abzählst, und die Buchstabenbilder als Hintergrund von zB div-Elementen nimmst, deren Breite Du angibst/errechnest als 100/Anzahl der Buchstaben. Wenn Deine Zeile sagen wir 25 Buchstaben hätte, sähe ein Buchstabenelement etwa so aus:

  
<div style="width:4%;background-image:url(h.jpg);background-repeat:no-repeat;background-position:center;"></div>  

und weil der liebe Gunnar ganz viel schimpfen und pedantisch herummeckern tut, wenn wir so etwas machen, schreiben wir vorher eine Buchstabenbeinhalterklasse in die stylesheet-Definitionen, dann ersparen wir uns den ganzen Sermon in den einzelnen Div-Elementen...

[Gunnar Bittersmann]

@@Klawischnigg:

"Blocksatz" wird da nur gehen, wenn Du die Anzahl der "Buchstaben" abzählst

Nein. Blocksatz geht problemlos ohne irgendwelches Abzählen.

Warum sollte sich die Folge von Bildern <img src="h.jpg" alt="h"><img src="t.jpg" alt="t"><img src="m.jpg" alt="m"> anders verhalten als die Folge der Buchstaben 'h', 't', 'm'? Warum sollten Leerzeichen zwischen den Bildern anders wirken als Leerzeichen zwischen Buchstaben?

Und warum sollten die Buchstaben Hintergrundgrafiken sein? Schließlich sind sie ja Inhalt.

Außerdem geht das mit 'div'-Elementen (oder 'span', wie Beat vorschlug) gleicher Breite gar nicht; Buchstaben sind ja schließlich unterschiedlich breit. (Von dicktengleichen Schriften brauchen wir hier wohl nicht zu reden; dafür wären wohl kaum Textgrafiken erforderlich.)

Live long and prosper,
Gunnar

[Klawischnigg]

Hi there,

Warum sollte sich die Folge von Bildern <img src="h.jpg" alt="h"><img src="t.jpg" alt="t"><img src="m.jpg" alt="m"> anders verhalten als die Folge der Buchstaben 'h', 't', 'm'? Warum sollten Leerzeichen zwischen den Bildern anders wirken als Leerzeichen zwischen Buchstaben?

So pedantisch der Gunnar manchmal ist, wo er recht hat hat er recht. Ich hätte "text-align" nie auf <img>s angewandt, wahrscheinlihc weil ich im Gegensatz zu Dir selfhtml nicht auswendig gelernt habe. (Hätten die das nicht "content-align" nennen können?

[Gunnar Bittersmann]

@@Klawischnigg:

(Hätten die das nicht "content-align" nennen können?

Hätten die.

Live long and prosper,
Gunnar

[Gunnar Bittersmann]

@@Florian:

<img src="h.jpg"><img src="t.jpg"><img src="m.jpg"> ,

JPEG??

JPEG ist für Textgrafiken ein ungeeignetes Grafikformat. [GIF-JPEG, GRAFIKFORMAT]

Live long and prosper,
Gunnar

[hotti]

hi,

Meine Seite befindet sich noch im Aufbau und ich möchte gerne einen Text auf meine Seite stellen, die Buchstaben sind einzelne Bilder (z.B. b.jpg),

ich geb also ein

<img src="h.jpg"><img src="t.jpg"><img src="m.jpg"> ,

Blocksatz: Mach den zunächst mit Text und tausche dann die Buchstaben aus.

Hotti