HTML/CSS Bilder werden nicht angezeigt was tun?

1 Antwort

Für dein Problem kann es etliche Gründe geben. Sinnvoll wäre es daher zunächst, mein folgendes Minibeispiel als Grundlage für weitere Tests zu verwenden.

<!doctype html>
<head>
  <title>Page with image</title>
</head>
<body>
  <img alt="Some image description" src="someimage.jpg">
</body>

Das img-Element wird innerhalb des body-Bereichs definiert. Übrigens gehört zu dem Element auch das alt-Attribut dazu, in dessen Wert das Bild kurz beschrieben wird.

Dieses Beispiel setzt voraus, dass das Bild im exakt selben Verzeichnis liegt, wie auch das HTML-Dokument.

Folgend eine Liste, an möglichen Fehlerursachen, die mir einfällt:

  • Deine Pfadangabe ist falsch. Achte auf Groß- und Kleinschreibung und lasse dir, wenn du mit Windows OS arbeitest, die Dateinamenserweiterungen anzeigen (Anleitung).
  • Stelle sicher, dass du das richtige HTML-Dokument im Browser geöffnet hast und dass dein Code auch darin gespeichert wurde.
  • Möglicherweise zeigt dir dein Browser nicht die aktuelle Version des Dokuments an. Leere deinen Browsercache und lade die Seite neu.
  • Probiere es mit einem anderen Bild. Fehlende Zugriffsrechte oder beschädigte Bilddaten können dein Problem begründen.
  • Wenn es eingebettet in dem obigen Beispieldokument funktioniert, liegt es in deinem Projekt wohl an einem Style, der das Bild skaliert / verschiebt / ausblendet oder an anderen Elementen, die das Bild verschieben / verdecken.

Was möchtest Du wissen?