Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

grenni · 10-02-2009, 21:32

Ich bin gerade am verzweifeln. Ich habe eine Homepage in Fireworks entworfen und möchte den Entwurf nun in HTML umsetzen. Entwurfsseitig habe teilweise sehr spezielle Schriftarten eingesetzt, die ich als Grafik exportieren und in Dreamweaver einsetzen möchte.

Zunächst besteht die HTML Seite aus einer verschachtelten Tabelle, für die ich einen Hintergrund definiert habe: .hintergrund {background-image:url(bilder/hg.gif); background-repeat:repeat}

Der Hintergrund ist eine webgerasterte Fläche.

In eine Tabellenspalte soll nun die Schrift als Grafik eingefügt werden. Ich exportiere die Schrift wie folgt aus Fireworks: Schrift markieren, kopieren, Datei neu, transparenter Hintergrund, einfügen, dann als GIF mit Alphatransparenz speichern und die GIF in HTML laden. Leider erhalte ich als Ergebnis eine völlig zerfranzte Schrift. Wenn ich die GIF mit Hintergrund speichere, sieht sie normal aus. Ich will aber keinen Hintergrund, da dieser bereits in HTML definiert ist. Wenn ich die PNG Datei in HTML lade sieht alles wunderbar aus, nur ist diese Datei ziemlich groß (Ladezeit). Ich habe schon ewig rumprobiert, komme aber nicht ans Ziel. Was mache ich falsch?

grenni · 26-02-2009, 20:27

Da mir noch keiner helfen konnte hier noch ein Link mit dem Problembeispiel. Oben die gif unten die png.

http://www.barthman.de/projekte/index.html

Werden PNG Dateien eigentlich in allen Browsern korrekt angezeigt?

grenni · 28-02-2009, 16:49

O. K. habe die Lösung zwischenzeitlich wie folgt umgesetzt:

Grundsätzlich sind für transparenten Hintergrund PNG Files zu verwenden. Diese werden allerdings in älteren Browsern nicht korrekt angezeigt, statt des "durchsichtigen" Hintergrundes findet man im IE 6 beispielsweise einen grauen Kasten vor. Für dieses Problem gibt es ein kleines Hilfsprogramm, dass sich iepngfix nennt und das man via CSS in die HTML - Seite einbinden kann.

10-02-2009, 21:32	#1 (permalink)
grenni Neuer User Registriert seit: Nov 2004 Beiträge: 43	Probleme beim Schriftexport aus Fireworks Ich bin gerade am verzweifeln. Ich habe eine Homepage in Fireworks entworfen und möchte den Entwurf nun in HTML umsetzen. Entwurfsseitig habe teilweise sehr spezielle Schriftarten eingesetzt, die ich als Grafik exportieren und in Dreamweaver einsetzen möchte. Zunächst besteht die HTML Seite aus einer verschachtelten Tabelle, für die ich einen Hintergrund definiert habe: .hintergrund {background-image:url(bilder/hg.gif); background-repeat:repeat} Der Hintergrund ist eine webgerasterte Fläche. In eine Tabellenspalte soll nun die Schrift als Grafik eingefügt werden. Ich exportiere die Schrift wie folgt aus Fireworks: Schrift markieren, kopieren, Datei neu, transparenter Hintergrund, einfügen, dann als GIF mit Alphatransparenz speichern und die GIF in HTML laden. Leider erhalte ich als Ergebnis eine völlig zerfranzte Schrift. Wenn ich die GIF mit Hintergrund speichere, sieht sie normal aus. Ich will aber keinen Hintergrund, da dieser bereits in HTML definiert ist. Wenn ich die PNG Datei in HTML lade sieht alles wunderbar aus, nur ist diese Datei ziemlich groß (Ladezeit). Ich habe schon ewig rumprobiert, komme aber nicht ans Ziel. Was mache ich falsch?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

26-02-2009, 20:27	#2 (permalink)
grenni Neuer User Registriert seit: Nov 2004 Beiträge: 43	Da mir noch keiner helfen konnte hier noch ein Link mit dem Problembeispiel. Oben die gif unten die png. http://www.barthman.de/projekte/index.html Werden PNG Dateien eigentlich in allen Browsern korrekt angezeigt?

28-02-2009, 16:49	#3 (permalink)
grenni Neuer User Registriert seit: Nov 2004 Beiträge: 43	O. K. habe die Lösung zwischenzeitlich wie folgt umgesetzt: Grundsätzlich sind für transparenten Hintergrund PNG Files zu verwenden. Diese werden allerdings in älteren Browsern nicht korrekt angezeigt, statt des "durchsichtigen" Hintergrundes findet man im IE 6 beispielsweise einen grauen Kasten vor. Für dieses Problem gibt es ein kleines Hilfsprogramm, dass sich iepngfix nennt und das man via CSS in die HTML - Seite einbinden kann.