• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder erscheinen nicht

Luki7827

Neues Mitglied
Hallo, ich habe eine Frage:
ich muss im Zuge einer Uni Lehrveranstaltung eine Homepage mit Notepad++ erstellen. Dies hat so weit gut geklappt doch sobald ich die Seite in einen Ordner abspeichere sind die Bilder beim Öffnen nicht mehr zu sehen obwohl sie vorher noch zu sehen waren (wenn ich die Homepage geöffnet habe)
Was kann ich machen?
 
Werbung:
Nach deiner Beschreibung stimmen wahrscheinlich die Pfadnamen zu den Bildern nicht mehr. Oder die Dateinamen der Bilder sind problematisch und stimmen nicht überein.
 
Danke einmal für deine Hilfe,
das Bild ist im selben Ordner, wie die Homepage unter den Namen "Weg" gespeichert.
<img src="Weg.jpg"height="250"; width="300"/> ist meine Eingabe
Weißt du zufällig wo hier der Fehler ist?
 
Werbung:
Hinter das jpg" gehört ein Leerzeichen, das Semikolon ist unzulässig.

Wobei das height- und das width-Attribut seit 20 Jahren nicht mehr verwendet werden sollen.
 
Mit den Informationen können wir dir nicht weiter helfen. In 99,999 % aller Fälle trifft meine erste Antwort zu. Am besten wäre ein Link zu der Seite, vielleicht hilft auch dein komplettes HTML und CSS.
 
Werbung:
Meine Eingaben:
<html>
<body bgcolor="red" text="black">
Hello world!
<p>
<b> Name: Lukas <b>
</p>
<p>
Matrikelnummer: 11833076, Sommersemester 2020
</p>
<p>
Fächerkombination: Mathematik und Geographie
</p>
<p>
Für nähere Informationen über die Studieninhalte von Geographie und Wirtschaftskunde<a href="https://slw.univie.ac.at/studieren/...graphie-und-wirtschaftskunde-unterrichtsfach/"> hier </a> klicken.
</p>
<p>
<u>DirectPoll:</u>
</p>
Zu den <a href="http://etc.ch/PGJW"> Fragen </a>
</p>
Hier sind noch Bilder von meinem Heimatort:
<p>
<table>
<img src="Asperhofen.jpg" width=250/>
<img src="Kirch.jpg" width=270;hspace="50"/>
</table>
</p>
<p>
Hier ein Bild des Wanderweges Hennenkopf:
</p>
<p>
<img src="Weg.jpg" height="250";width="300"/>
</p>
</body>
</html >
Meine Seite:
 
Dein html ist schon mal Falsch
Code:
<img src="Kirch.jpg" , width="270;hspace="50">
Wahrscheinlich ist wie @MrMurphy schon sagt deine Pfade falsch.
Ich habe mal versucht die Bilder zu finden aber nicht geschafft.

Schau doch mal bei Filezilla ,oder womit du deine Daten auf Server hochlädst wie die Url des Bildes ist.
Bei Filezilla rechts klick auf Datei und dann Url in Zwischenablage kopieren.
Dann weiß man wo das Bild auch ist.
 
Ich gehe im folgenden davon aus, dass du aktuelles HTML und CSS lernen / anwenden willst.

Ich sehe das wie basti, die Bilder sind offensichtlich überhaupt nicht auf dem Server vorhanden oder befinden sich in anderen Verzeichnissen als von dir angenommen.

Unabhängig davon enthält deine Webseite viele Fehler und es fehlen Angaben, damit der Webbrowser sie richtig verarbeiten kann.

So haut irgendentwas mit der Zeichencodierung nicht hin. Da du dazu im Quellcode keine Angaben machst kommen Browser damit nicht zurecht. Als Zeichencodierung hat sich seit über 10 Jahren UTF-8 durchgesetzt, da mit älteren nicht alle Zeichen angezeigt werden können, beispielsweise das €-Zeichen. Heißt: Dein Editor muss UTF-8 Dateien erstellen und du musst dies dem Browser mitteilen, üblicherweise im head-Bereich mit

Code:
<meta charset="utf-8">

Für aktuelles HTML erwartet der Browser Grundgerüst wie zum Beispiel

Code:
<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Tab-Anzeige</title>
   <meta name="description" content="Platzhalter - Ein kurze Beschreibung des Inhalts in Satzform">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link href="../css/zentrale.css" rel="stylesheet">
   <style>
   </style>
</head>
<body>
</body>
</html>

Unabhängig von den fehlenden Bildern enthalten die img-Elemente Fehler

Code:
<img src="Asperhofen.jpg",width=250/>
<img src="Kirch.jpg", width=270;hspace="50"/>
<img src="Weg.jpg"height="250";width="300"/>

Korrekt und sinnvoller wäre

Code:
<img src="Asperhofen.jpg">
<img src="Kirch.jpg">
<img src="Weg.jpg">

Falls die Bilder ein bestimmte oder eine maximale Größe haben sollen gehört es zum guten Stil und zur Benutzerfreundlichkeit (zum Beispiel um Traffic zu sparen) sie in einem Grafikprogramm auf diese Größe zu skalieren (= zu ändern). Nach den aktuellen HTML-Regeln sind Attribute wie width und height nicht mehr zulässig, auch wenn sie von den Browsern aus kompatiblitätsgründen noch umgesetzt werden.

Dein Quelltext enthält noch viele andere sachliche Fehler, die aber mit den Bildern nichts zu tun haben. Deshalb gehe ich nicht darauf ein.
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben