Transparente PNG im Internet Explorer
Oliver Dammer, Mai 2008
Wie wahrscheinlich allgemein bekannt, machen PNG-Bilder mit Transparenz im Internet Explorer bis V6 Probleme. Es gibt unterschiedliche Möglichkeiten, die Bilder trotzdem richtig darzustellen. Als Beispiele seien genannt: pngfix und PNGBehavior.
Zur Arbeitsweise und Code herunter laden besucht bitte die Links. Ich möchte hier lediglich auf einige Probleme aufmerksam machen, die mit den scripts auftreten können. Beide verwenden den IE-Filter AlphaImageLoader, der ab IE5.5 verfügbar ist.
pngfix
pngfix kann man in zwei Varianten implementieren: als script, das sämtliche Bilder der Seite durchgeht und auf alle PNGs den Filter anwendet, oder gezielt für einzelne Bilder mittels "onload" im image-tag.
Bei der ersten Variante gibt es anscheinend Probleme, wenn mehrere Bilder (bei einem Versuch ca 10) auf einer Seite sind und das script schon startet wenn noch nicht alle Bilder geladen sind. Die Bilder werden dann klein dargestellt, browser und script blockieren sich gegenseitig und das Laden der restlichen Bilder dauert endlos.
Bei Variante 2 gibt es dieses Problem nicht.
PNGBeahvior
Hier müssen unbedingt width und height angegeben sein. Entweder im image-tag oder im css. Andernfalls werden die gefilterten Bilder nicht angezeigt.
PNGBehavior scheint etwas langsamer als pngfix zu sein. Wir verwenden momentan pngfix, filtern aber jedes Bild einzeln.
Oliver Dammer, Mai 2008
Es gibt eine Vielzahl von Routenplanern im Netz. Einer der einfachsten - im Sinne von Aufruf und Benutzung - und (noch) kostenlosen ist der von Google.
Hier sind die Mindestangaben zum Route berechnen zu einem festen Zielort:
<p>
Von <input name="saddr" type="text">
<input name="daddr" type="hidden" value="Marienplatz 5,80331 München,Deutschland">
zum Münchner Marienplatz <input type="submit" value="Route berechnen">
</form>
target="_blank" dient lediglich dazu, den Routenplaner in einem neuen Fenster/Tab zu öffnen
Das p-tag verhindert Fehlermeldungen des HTML-Validators bei DOCTYPE: strict
saddr ist die Startadresse
daddr ist die Zieladresse
Die Zieladresse soll eindeutig sein (so genau wie möglich angeben). Andernfalls wird auf der Google-Seite eine Auswahl von Zieladressen angezeigt und das macht einen schlechten Eindruck.
Obigen Code testen:
Wenn auch die Zieladresse eingegeben werden soll: beim zweiten input-tag type="hidden" ersetzen durch type="text", value="..." entfernen und den restlichen Text anpassen.