HTML Programmierung / Zeigt statt Bild nur ein blaues Fragezeichen?

Hallo, ich habe folgendes Problem. Immer wenn ich beim html programmieren ein Bild anzeigen möchte, kommt nur ein Fragezeichen(siehe Bild).Ganz einfach:

Wo ist der Fehler?

Danke für eure Hilfe

Fragezeichen - (Bilder, programmieren, HTML)

4 Antworten

JutenMorgen

20.01.2017, 13:20

Dein Bild konnte nicht geladen werden. Ich schätze mal dass du einen falschen Link unter 'src=""' verwendest, dein Bild einfach nicht im angegebenen Pfad liegt oder dass dein Bild falsch benannt ist.

Klein/Großschreibung ist zu beachten sowie der Datentyp des Bildes (.jpg JPEG .png) etc.

Liebe Grüße, JutenMorgen!

lukfraim

Fragesteller

20.01.2017, 13:29

Beide Daten sind aufm Schreibtisch und unter Bildinformationen steht: PNG-Bild (Portable Network Graphics), also ist es auch das richtige Format.

JutenMorgen

20.01.2017, 13:42

@lukfraim

Ein PNG-Bild sollte die Endung (.png) haben. Das sollte bei den Eigenschaften auch so dabei stehen. Dieser Code sollte also funktionieren, falls wirklich beide Dateien im gleichen Ordner liegen und dein Bild "Bild.png" heißt.

Ein kleiner Tipp:
Geh im Windows-Explorer auf Ansicht und wähle das Kontrollkästchen "Dateinamenerweiterung" aus. Jetzt sollten dir alle Dateien mit der richtigen Endung angezeigt werden.

Liebe Grüße, JutenMorgen!

lukfraim

Fragesteller

20.01.2017, 23:51

@JutenMorgen

Danke für Deine Antwort!!!!

Es klappt leider immer noch nicht, wird langsam echt nervig!

Ich benutze ein mac, falls das wichtig ist. Ich habe jetzt wie Du gesagt hast einen "Testordner" auf dem Schreibtisch erstellt in dem die html, sowie die Bild Datei ist. Das Bild heißt "Bild.jpg" und unter Bildinformationen steht auch jpeg. Der code:

img src=”Bild.jpg“
style=”width: 100%;height: auto;” alt=”Geht Nix!“>

Safari zeigt nur das Fragezeichen an und Crome nur ein kleines Bild (ähnlich wie das Fragezeichen) und daneben steht "Geht mehr nicht....

Vielen Dank für deine Hilfe!!!!!

lukfraim

Fragesteller

20.01.2017, 23:56

@lukfraim

OK, ich habe einfach dein Code kopiert und dann hat Crome angezeigt " Geht nicht ".

Mhh und warum geht es nicht?

JutenMorgen

21.01.2017, 01:41

@lukfraim

Das Betriebssystem und der Browser ist hierfür unerheblich.

Das es nicht geht liegt daran dass du immer noch den falschen Pfad angegeben hast und ich glaube ich weiss auch was das Problem ist. JPEG ist nicht gleich JPEG. Wenn unter der Bildinfo wirklich "jpeg" steht musst du das auch anhängen, denn das ist nicht direkt das gleiche wie "jpg", was du bisher angehängt hast.

Das sollte es sein und falls es dann tatsächlich immer noch nicht geht kann ich dir nur noch anbieten diesen Code als .html-File abzuspeichern:

<!DOCTYPE html>
<html>
  <body>
    <img src="bild.png" style="width: 100%; height: auto;" alt="Geht Nix!">
  </body>
</html>

Dann speicherst du dieses Bild:
http://patrickcoombe.com/wp-content/uploads/2015/09/new-google-logo-2015.png
mit dem Namen "bild" im selben Ordner. Das sollte dir das Google-Logo über die fast komplette Breite des Bildschirmes anzeigen.
Das ist dann zwar nicht das Bild welches du wolltest aber ich wollte dir nur mal ein Grundgerüst geben, welches auf jeden Fall funktioniert.

Wenn du wieder die Nachricht "Geht Nicht!" bekommst dann solltest du dir jemanden suchen, der dir das ganze zeigen kann. Denn zu viel mehr sind wir hier im Forum leider nicht im Stande.

Ich helfe immer gerne wenn ich kann und ich könnte dir sogar anbieten kurz mal per Teamviewer mit dir drüber zu schauen wenn du möchtest.

Liebe Grüße, JutenMorgen!

lukfraim

Fragesteller

21.01.2017, 11:04

@JutenMorgen

finally!!! Es hat endlich geklappt. Ich muss das Bild schon im png Format runterladen, dann klappt alles.

Vielen vielen Dank, dass Du dir die Zeit genommen hast mir so ausführlich zu antworten. Ich weiß das wirklich zu schätzen.

Ich wünsche dir ein wunderschönen Tag.

Liebe Grüße, luk

JutenMorgen

23.01.2017, 13:48

@lukfraim

Immer gerne. Freut mich, dass es geklappt hat und ich helfen konnte! Dir auch noch nen schönen Tag :)

gqhjgh2423432

20.01.2017, 13:20

HTML ist keine Programmiersprache, es ist eine Auszeichnungssprache^^

Wie hast du das Bild denn implementiert?

<img src="lalala.jpg"> z.b?

lukfraim

Fragesteller

20.01.2017, 13:25

OK :)

Ich habe es jetzt in png umgewandelt aber es klappt trotzdem nicht.

Kieselsaeure

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

20.01.2017, 13:34

Wird wohl nicht geladen. Prüfe den pfad und schau nochmal per netzwerkanalyse im browser

Golumbinsky

20.01.2017, 13:17

Ist Pfadangabe zum Bild korrekt?

lukfraim

Fragesteller

20.01.2017, 13:19

Beide Daten sind aufm Schreibtisch, ich habe also nur den Namen des Bildes angegeben, müsste eigentlich reichen.

Golumbinsky

20.01.2017, 13:24

@lukfraim

Gib mal den kompletten Pfad an, also z.B. "c:\homepage\Bild.jpg."

Und daran denken: wenn Du die Seiten und die Bilder hochlädst, sind Groß- und Kleinschreibung zu beachten. Bei Windoof macht das keinen Unterschied, aber Linux, unter welchem so gut wie alle Servr laufen, unterscheidet da. Wenn die Datei als "Bild.jpg" auf dem Server liegt, wird sie nicht gefunden, wenn der Aufruf "bild.jpg" oder BILD.JPG" lautet.

Ähnliche Fragen

Bilder werden nicht angezeigt?

Ich habe ein Website mit html programmiert und möchte jetzt ein bild anzeigen.

Das bild ist in /bilder/bild.jpg

Mein html code:

...zur Frage

Bild wird nicht angezeigt(HTML)?

Hallo,

ich habe grad mit HTML programmieren angefangen doch nun komme ich nicht weiter:

So hab ich es eingegeben doch das Bild wird nicht angezeigt bzw. nur so ein kleines komisches Symbol().

Danke für alle Antworten im vorraus!

...zur Frage

Html & CSS Ordner Verlinken?

Guten Tag Leute,

Ich bin ein frischer anfänger was programmieren angeht. Ich bin dabei Bilder einzufügen und die Bilder sind in ein anderen Ordner. Im Netz wurde gesagt (ordner name img ich will blume.jpg einfügen)

das der Code so ist : <img src="/img/blume.jpg/"> auch ein Code der da war war
<img src="img/blumejpg/">

Ich habe beide codes ausprobiert und beide funktionierten nicht.
Ich freue mich über jede hilfe vorab schonmal danke.

MFG,
Daniel P.

...zur Frage

Fehler bei HTML Bild?

Lerne letzterzeit aus Spaß ein bisschen HTML.

Jedoch, wenn ich ein Bild hinzufügen möchte mit:

<img src=„https://x.y.de“> kommt da nur folgendes:

Das Bild wird also nicht ganz angezeigt.

Liegt es vllt. daran, dass ich „width“ und „height“ nicht angegeben habe?

...zur Frage

Warum funktioniert mein img Tag nicht (html)?

Ich habe grade angefangen html zu lernen,aber ich scheitere im Moment am Img src Tag oder wie das heißt.Wenn ich die codedatei im Browser öffne wird das Bild nicht angezeigt.Wenn ich mir den Quelltext anzeigen lasse sind die anderen Tags lila und das Bild Tag (Img) rot.Kann mir jemand helfen

...zur Frage

HTML / CSS: Warum lässt sich das Bild nicht nach links bewegen?

HTML:

<div class="mittecrew_png">
  <img src="mittecrew.png" height="105"; widht="1505";>
  <a href="#"></a>
</div>

CSS:

.mittecrewpng {
  margin-left: 100px;
}

...zur Frage

HTML: Bild durch bedingte Einstellungen anzeigen?

Wie kann ich ein Bild durch eine bedingte Option anzeigen? Es soll z.B. am Donnerstag, wenn die Uhrzeit zwischen 7 bis 21 Uhr ist, ein bestimmtes Bild anzeigen.

<script>
  document.write('<div id="contHour"></div>');
  mainDate = new Date();
  myHour = mainDate.getHours();
  mySeconds = mainDate.getSeconds();
  const weekday = [ "bild1.jpg", "bild2.jpg", "bild4.jpg", "bild14.jpg", "DO14.png", "bild20.jpg", "bild21.jpg" ];
  const d = new Date();
  let day = weekday[d.getDay()];
  <!--	document.getElementById("demo").innerHTML = "<img src='"+day+"' />";>

  if (myHour >= 21 && myHour < 7) { //ab dieser Zeit wird ein bestimmtes Bild angezeigt
    document.getElementById("contHour").innerHTML = '<img src="M7.png" alt="kein Bild" />';
  }
  else if (myHour >= 7 && myHour < 8) {
    document.getElementById("contHour").innerHTML = '<img src="M7.png" alt="kein Bild" />';
  }
  else if (myHour >= 8 && myHour < 9) {
    document.getElementById("contHour").innerHTML = '<img src="M8.png" alt="kein Bild" />';

...zur Frage

was bedeutet hart codiert oder Content type?

Hallo! Ich arbeite normalerweise als Grafikerin, da ich mich aber mit HTML und CSS auch ein bisschen auskenne, hat mich ein Kunde gebeten, ein von ihm gekauftes Template nur mit seinen Farben/Texten/Bildern anzupassen. So weit so gut, mit dem bin ich fertig. Jetzt wollte ich ihn fragen, ob er mir die Bilder von seinen Klienten schickt, dass ich sie auch gleich in die Seite einbetten kann.

Er will das lieber selber machen und hat mir nun eine Frage gestellt, wo ich echt nicht weiß, was das bedeuten könnte und auch im Internet finde ich nichts passendes:

"Sind die hardcodiert oder gibt’s für die Bilder einen ContentType?"

Zu den Bildern: Das ist eine Reihe von ausgegrauten Logos, die von einem dünnen grauen Rahmen umgeben sind - demnach hat jedes Logo einen einzelnen Container, alle Logos wiederum sind gemeinsam in einem einzelnen Container, also:

<div class="alle logos">
      <div class="col-lg-2">
        <img src="Template/img-temp/Xx74/img1.png">
      </div>
      <div class="col-lg-2">
        <img src="Template/img-temp/Xx74/img1.png">
      </div>
      <div class="col-lg-2">
        <img src="Template/img-temp/Xx74/img1.png">
      </div>
      <div class="col-lg-2">
        <img src="Template/img-temp/Xx74/img1.png">
      </div>
<div>

(soweit das für die Beantwortung der Frage relevant ist, ich habe echt keine Ahnung was er damit meint)

Danke schonmaaal!

...zur Frage

HTML in C oder Batch?

Kann man mit der Programmiersprache C ein Programm programmieren, welches HTML -Dateien öffnen und anzeigen kann?

Wenn ja, gibt es dazu Beispielprojekte, ich habe dazu bis jetzt nichts gefunden?

Kann man eine HTML-Anwendung in einer Batch/Cmd Anwendung anzeigen lassen?

...zur Frage

JavaScript UI ohne HTML / CSS?

Ist es möglich, komplett ohne HTML etwas zu programmieren, das aber eine Oberfläche hat und nicht nur im schwarzen Terminal läuft?

Man könnte mit Canvas auch ein bisschen zeichnen und ein paar Spiele entwickeln, aber dann braucht man trotzdem mindestens ein ganz kleines bisschen HTML für <canvas> und script src.

Wenn es möglich ist: Was wäre das einfachste Projekt, das ich umsetzen könnte?

...zur Frage

Link hinter Bild per HTML?

Hi,

Ich würde gerne ein Bild auf einem HTML-Dokument einblenden. Beim Tipp/Klick auf das Bild soll zu einer anderen Seite (im Beispiel Google) weitergeleitet werden

Ist folgende Schreibweise richtig?

<a href=“https://www.google.de“><img src=“dateien/beispielbild.jpg“></a>

...zur Frage

Html / CSS: Abstand zwischen vier Bildern?

Hey.

Ich möchte gerne zwischen meinen vier Bildern einen Abstand von 0,5cm - 2cm.

Wie und wo trage ich das ein?

<ul>
  <h4><li><a href="Forum.html">Forum</a></li></h3>
  <h4><li><a href="Kontakt.html">Kontakt</a></li></h3>
  <h4><li><a href="shop.html">Vintage Kleidung & Möbel</a></li></h4>
  <h4><li><a href="Startseite.html">Startseite</a></li></h4>
  <img src="Vintage0.jpg" width="250" height="250" alt="vinjacke">
  <Img src="Vintage3.jpg" width="250" height="250" alt="vinjacke">
  <Img src="Vintage4.jpg" width="250" height="250" alt="vinjacke">
  <Img src="Vintage5.jpg" width="250" height="250" alt="vinjacke">

(Für mich ist das ziemliches Neuland. Bitte Rücksicht nehmen, ich mache das erst seit vorgestern)

PS.: Das ist nur ein Teil meiner HTML-Datei! Ich möchte nur, dass ihr einen kleinen Ausschnitt seht.

Danke.

...zur Frage

Bilder auf gleiche Höhe in HTML/CSS?

Hallo,

ich habe nochmal eine Frage zu meiner Website.

Kann mir jemand sagen, wie ich die beiden linken Bilder auf die gleiche Höhe wie das rechte Bild bringen kann? Ich finde bei Google nichts und weiß nicht weiter.

Hier der Ausschnitt meines Codes:

HTML:

<div id="bilder">
  <div id=bild1>
    <img src="bild1.jpg" alt="Wir bei der Arbeit">
  </div>
  <div id=bild2>
    <img src="bild2.jpg" alt="Wir bei der Arbeit">
  </div>
  <div id=bild3>
    <img src="bild3.png" alt="Holzschränke"
  </div>

CSS:

#bild1 {
  display: inline;
  margin-left: 500px;
}

#bild2 {
  display: inline;
  margin-left: 50px;
}

#bild3 {
  display: inline;
  margin-left: 50px;
}

...zur Frage

Mac html Bild einfügen geht nicht?

Ich habe einen mac und wenn ich bei einer html Datei ein Bild einfügen will geht es nicht. Beispiel: ich gebe

<img scr="Bild.jpg"/>

ein geht es nicht.

Warum???

LG Henry

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen