Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


Share this Page URL
Help

Kapitel 22: Webseiten testen und debugge... > 22.9 Wenn keine Bilder dargestellt w... - Pg. 371

<body> <img src="Tankdeckel.jpg" alt="Tankklappe" width="220" height="165" /> <h1>Der Kettenraucher aus Nizza</h1> <p>Ein Kettenraucher aus <em>Nizza</em>, Abbildung 22.21: Der Dateiname für das Bild lautet tankdeckel.jpg, aber hier wird fälschlicherweise auf Tankdeckel.jpg mit großem T verwiesen. 22.9 Wenn keine Bilder dargestellt werden Kleine rote Xe, kaputte Icons, Alternativtext oder manchmal auch gar nichts ­ egal wie es gekommen ist, es nervt einfach, wenn Sie eigentlich nur Ihr gewünschtes Bild sehen wollten. Wenn die Bilder weg sind Überprüfen Sie zuerst, ob der Dateiname des Bilds auf dem Server exakt dem Namen entspricht, auf den Sie im img -Tag verwiesen haben ­ auch bezüglich Groß-/Kleinschreibung und Endung (Abbildung 22.21). Verwenden Sie in Dateinamen keine Leerzeichen. Vielleicht funktionieren die lokal (auf Ihrem eigenen Computer), aber die Server kommen damit nicht klar. Weitere Details erfahren Sie in Abschnitt 1.4. Schauen Sie als Nächstes danach, ob im URL im img -Tag der Standort des Bilds korrekt angegeben wurde. Ein schneller Test besteht darin, ein Bild in das gleiche Verzeichnis wie die (X) HTML-Seite zu stellen. Das bedeutet, Sie brauchen im img -Tag nur den korrekten Dateinamen mit der richtigen Endung, aber keine Pfadinformation. Wenn das Bild erscheint, können Sie mit Sicherheit davon ausgehen, dass das Problem im Pfad liegt. Mehr Details finden Sie in Abschnitt 1.5. Wird das Bild dargestellt, wenn Sie die Seite auf Ihrem eigenen Computer anschauen, fehlt es aber, wenn Sie die Datei auf den Server hochgeladen haben, checken Sie, ob das Bild auch auf dem Server gelandet ist (Kapitel 23) und dass dessen Standort auf dem Server dem URL im img -Tag entspricht. Haben Sie das Bild als GIF, PNG oder als JPG gespeichert? Ich habe schon oft gesehen, wie Windows-User Bilder im BMP- Format (das der IE für Windows problemlos versteht) erstellt haben und dann nicht begreifen, warum Browser, die nicht von Microsoft kommen (auf Windows und auf dem Mac) das Symbol für ein fehlendes Bild darstellen statt der eigentlichen Grafik. Weitere Informationen finden Sie in Kapitel 5. Abbildung 22.22: Auf Ihrem Computer sieht alles prima aus, weil sich Ihr Rechner in Sachen Groß und Kleinschreibung nicht anstellt. Abbildung 22.23: Wenn die Seite auf dem Server steht, der seinerseits sehr wohl die Schreibweise beachtet, kann das Bild nicht gefunden werden und stattdessen wird der alt Text gezeigt. Wenn keine Bilder dargestellt werden 371