Eingefügte Bilder in html werden im Browser nicht angezeigt?

Hallo, wenn ich Bilder in html einfüge (

<img src="html-seminar.jpg" alt="HTML-Seminar" />

)

werden diese im Browser nicht angezeigt , hat jemand eine Lösung für das Problem? komme echt nicht weiter :/

2 Antworten

ThomasAral

25.08.2015, 20:17

die müssen im selben verzeichnis wie die html seite liegen (oder der pfad muss dabei stehen mit / als trenner) außerdem groß- und kleinschreibung beachten

ollibukaka

Fragesteller

25.08.2015, 20:27

Danke für die schnelle antwort, ich habe sie im selben Verzeichnis , das /> habe ich geändert, gross und klleinschreibung stimmt auch , aber es wird immernoch nicht angezeigt

fluffiknuffi

25.08.2015, 22:47

@ollibukaka

Es kann an vielen Dingen liegen, vermutlich etwas so Triviales, dass du und wir nicht daran denken.

Vielleicht ein fehlerhaftes base-Element eingebaut? http://wiki.selfhtml.org/wiki/HTML/Kopfdaten/base

ThomasAral

25.08.2015, 20:18

ach ja ... ich denke das abschließende /> ist falsch ... einfach nur > ... ist old-style HTML wegen Kompatibilität.

also <img src="" alt="">

fluffiknuffi

25.08.2015, 22:46

Das / am Ende kann man hinzufügen oder auch weglassen, dass spielt keine Rolle.

Ähnliche Fragen

HTML Bild wird nicht angezeigt ...?

Ich möchte ein Bild einfügen, funktioniert aber nicht

<img src= “Bilder/(Bildname).jpg“>

Das bild ist im selben Ordner wie die HTML dateien, nur in einem unterordner.

Es wird aber nur so ein Blatt emoji angezeigt.

...zur Frage

HTML/CSS, Bilder werden nicht angezeigt?

Ich habe im <body> mehrere divs, in denen abwechselnd divs und Texte untereinander angezeigt werden sollen. Die Bilder sollen auf voller Höhe sein (height: 100vh;). Wenn ich die Bilder mit <img src=""> im HTML Code im div einfüge, wird es angezeigt. Will ich es aber in meiner CSS Datei als background-image vom div einfügen, wird der Bereich, wo das Bild sein sollte, einfach nur grau. Die style.css ist richtig in der HTML-Datei angegeben, da andere Styles funktionieren. Der Pfad ist ebenfalls richtig angegeben. Hat jemand Ideen, was ich falsch mache? :(

...zur Frage

HTML - Wie kriege ich Text in einen Facebook-Teilen-Button?

Ich kann ohne weiteres einen Text in einen WhatsApp-Teilen-Button bringen, der dann bei einem Empfänger angezeigt wird.

Als Beispiel:

Geht das auch bei Facebook? Hier der HTML-Text zu Facebook.

An welcher Stelle müsste ich den Text "Dieses%20ist%20ein%20Beispieltext%20für%20Gutefrage." in Facebook einfügen so wie in WhatsApp?

...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

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 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

HTML - Wo finde ich im Internet die Codes für Teilen-Buttons?

Mit einem Button auf meiner Homepage kann man die Seite per WhatsApp teilen.

Hier der HTML-Code dazu:

Ich möchte so einen Button aber auch für Facebook, Instagram, Telegram, Twitter und Pinterest auf meiner Homepage.

Wo kann ich im Internet die jeweiligen Codes (stimmt der Ausdruck?) finden?

...zur Frage

Mit html Bilder kleiner/größer machen?

Ich arbeite gerade aus spaß an meiner html Seite und HTML möchte meine Bilder nicht kleiner und größer machen ich benutze diesen Tag:

"width" und "height" funktionieren aber nicht woran könnte das liegen?

...zur Frage

Bilderdarstellung bei html-Homepage

Hey,

in Informatik machen wir zur Zeit html-Homepages. Nun wollte ich eine zu Hause erstellen, verlinken und alles klappt auch, aber sobald ich ein Bild einfüge, kriege ich die Meldung: Einige Bilder wurden blockiert, damit der Absender Ihren Computer nicht identifizieren kann. Öffnen die diese Element, um die Bilder anzuzeigen, und es erscheint nur ein rotes x. Das wird sowohl bei meinen eigenen Bildern als auch bei Bildern aus Google angezeigt. Bild-, und html-Datei liegen aber im selben Ordner und sind identisch geschrieben. Bitte um Antworten. danke.

LG, butterflyfairy

...zur Frage

Hilfe mit CSS Flexbox?

wie kann ich die 4 Bilder wie folgt anordnen?

ich code noch nicht so lange, doch hier der code den ich bis jetzt habe. Also bitte nicht auslachen ^^

CSS:

/* Dienstleistungen*/

.dienstleistungen{

justify-content: center;

width: 75%;

}

.mofa-zündung-service{

height: 50%;

width: auto;

}

.mofa-getriebe-revisionen{

height: 25%;

width: auto;

align-self: top;

}

.mofa-vergaser-tuning{

height: 25%;

width: auto;

align-self: top;

}

.mofa-kolben-ersatzteile{

height: 25%;

width: 50%;

}

/*!Dienstleistungen*/

HTML:

<h3>Dienstleistungen</h3>

<li><a href="#">Service</a></li>

<li><a href="#">Revisionen</a></li>

<li><a href="#">Tuning</a></li>

<li><a href="#">Ersatzteile</a></li>

</div>

so sieht es bis jetzt aus:

Ich verstehe vor allem nicht wie ich die Bilder untereinander und gleichzeitig neben einem anderen Bild anordnen kann. (kolben)

...zur Frage

Html wie setze ich bilder zentriert untereinander?

hi ich soll eine website machen mit einer "galerie" mit mehreren bildern untereinander. jetzt frag ich mich wie ich die untereinander bekomme? hier mal der code teil um denn es geht...

...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

Bild in html einfügen geht nicht, warum?

Hallo ich versuche in meinen html Code ein Bild einzufügen jedoch wird beim ausführen nur ein Symbol für ein Bild angezeigt.

Vielleicht kann mir ja jemand helfen.

Code: <img src="kiste.jpg">

Dateiname:kiste.jpg

...zur Frage

HTML style="" nur erster a href funktioniert?

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Autotuning</title>
<link rel="shortcut icon" href="T4Nissan 240 SX BR101.png" type="image/x-icon">
<meta name="description" content="">
<link href="styleSeite1.css" rel="stylesheet">
</head>
<body>
<br><br><br><br><br><br><br><center>
<a href="NFSU.html"><img src="images/NFSU.jpg" width="" height="230" style="align:/></a>
<a href="NFSU2.html"><img src="images/NFSU2.JPG" width="" height="235" style="align:/></a>
<a href="NFSUC.html"><img src="images/NFSUC.JPG" width="" height="241" style="align:/></a>
<a href="NFSC.html"><img src="images/NFSC.JPG" width="" height="237" style="align:/></a>
<a href="NFSMW2005.html"><img src="images/NFSMW2005.JPG" width="" height="230" /></a><br>
<a href="MC3DER.html"><img src="images/MC3DER.JPG" width="" height="250" style="vertical-align:/></a>
<a href="MCLACE.html"><img src="images/MCLACE.JPG" width="" height="250"/></a>
<a href="Gran Turismo 6.html"><img src="images/Gran Turismo 6.jpg" width="" height="250" /></a>
<a href="LEGO.html"><img src="images/LEGO.JPG" width="" height="250" /></a><br>
<a href="Modellbau.html"><img src="images/Modellbau.jpg" width="500" height="" align="top"/></a>
<a href="Sonstige.html"><img src="images/Sonstige.JPG" width="230" height="" align="top"/></a>
<a href="GTA5.html"><img src="images/Coil Cyclone.jpg" width="350" height="" align="top"/></a>
<a href="Silent Hill.html"><img src="images/Halo.JPG" width="185" height="" align="top"/></a>
</body>
</html>

durch ,,style=""´´ werden die Hyperlinks ohne Abstand platziert. Warum werden diese Hyperlinks gruppiert und alle außer dem erstem werden ignoriert? Die Frage ist leicht zu verstehen beim Blick auf den F12-Debugger im Browser. </style> löst das Problem nicht. autotuningyv.square7.ch/Seite1.html. Kann jemand den Quelltext bitte korrigieren?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen