Antworten auf deine Fragen:
Neues Thema erstellen

Bilder auf Homepage werden nicht angezeigt

kleinerna77

Noch nicht viel geschrieben

Hallo liebe User,

ich habe ein kleines großes Problem.

Nach Fertigstellung meiner Homepage habe ich diese via FileZilla Client hochgeladen. Soweit so gut. Die normalen Seiten, wie die Startseite, Kontakt, Impressum funktionieren echt gut. Außer meiner Bildergalerien :-( jetzt bin ich echt am rätseln.

Ich habe alle Bilder in einem Ordner "Bilder". So das z. B. folgender Code entsteht (im HTML):

Code:
<div class="Bild">
<ul>
<li><a href="#" class="line"><img src="Bilder/Blumen002.jpg" alt="" title=""><b>
dezentes Blumenarangement mit Minipetunien in einer H&auml;ngeampel</b></a></li>
<li><a href="#" class="line1"><img src="Bilder/Blumen003.jpg" alt="" title=""><b>
Pfingstrosen am Gartenteich</b></a></li>
<li><a href="#" class="line"><img src="Bilder/Blumen004.jpg" alt="" title=""><b>
M&auml;rzenbecher im Fr&uuml;hjahr</b></a></li>
<li><a href="#" class="line1"><img src="Bilder/Blumen005.jpg" alt="" title=""><b>
Apfelbl&uuml;ten</b></a></li>
---------------------------------------------------------------------------

der passende CSS-Code ist wie folgt:

Code:
.Bild {padding:20px; background:#2f2f2f; width:730px; height:400px;
       text-align:left; margin:0 auto 20px auto;}
       
.Bild h1 {font-size:20px; font-weight:normal;
          color:#2f2f2f; margin:0 0 0 5px; padding:0;}
          
.Bild ul {list-style:none; padding:0; margin:0; width:320px;
          background:#2f2f2f; border:0px solid #dfdfdf; position:relative; height:300px;}
          
.Bild ul li {display:inline; width:40px; height:40px; float:left; margin:10px;}

.Bild ul li a {display:block; width:40px; height:40px; cursor:default;
                background:url(Bilder/blank.jpg) no-repeat; text-decoration:none;}
                
.Bild ul li a b {display:none;}

.Bild ul li a img {display:block; width:40px; height:40px; border:0px solid #2f2f2f; border-top-color:#2f2f2f;}

 
.Bild ul li a:hover {white-space:normal;position:relative;}
 
.Bild ul li a.line1:hover img {position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-color:#dfdfdf;}

.Bild ul li a.line:hover img {position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-color:#dfdfdf;}
 
.Bild ul li a:active, .Bild ul li a:focus {position:static; outline:0;}
 
.Bild ul li a:focus.line1 img, .Bild ul li a:active.line1 img {background-color:#2f2f2f; position:absolute;
                        left:330px; top:0; width:300px; height:300px; border:0px solid #dfdfdf; padding:5px 5px;}
                        
.Bild ul li a:focus.line img, .Bild ul li a:active.line img {background-color:#2f2f2f; position:absolute;
                        left:330px; top:0; width:300px; height:300px; border:0px solid #dfdfdf; padding:5px 5px;}
                        
.Bild ul li a:focus b, .Bild ul li a:active b {display:block; position:absolute; width:635px; height:100px;
                        border:0px solid #98886f; top:330px; left:0; color:#dfdfdf; font-weight:normal; padding:6px;
                        text-align:right;}
--------------------------------------------------------------------------

Ich habe allerdings den Code ausgelagert:

<link rel="stylesheet" href="mainbasicspicture.css" type="text/css">
--------------------------------------------------------------------------

Beim Upload zum Server habe ich den Hauptordner "naturfotoansichten", wo der Unterordner "Bilder" drin ist und alle weiteren Dateien angeklickt und alles als komplett zum Server geladen.

Hat jemand von euch eine Idee, wo da der Haken ist?
Mir fällt gerade nichts ein :-(

Wer sich das ganze mal Online anschauen will, was ich meine:



Ich hoffe mir kann jemand helfen? Vielleicht liegts auch am Skript, das sich da ein Fehler eingeschlichen hat.

Vielen Dank euch allen schon mal im Voraus!!!!
 
Zuletzt bearbeitet von einem Moderator:

jackykfm

ne pas se fouler

AW: Bilder auf Homepage werden nicht angezeigt

Vlt. lautet die Bezeichnung der Bilder unterschiedlich z.B. "blumenxxx.jpg" anstatt "Blumenxxx.jpg".
1. und 3. Bild können gezeigt werden alle anderen nicht, kommt immer "unbekannt".
 

topptsf

127.0.0.1

AW: Bilder auf Homepage werden nicht angezeigt

Bonjour.
Auf UNIX basierenden Servern bitte zum Aufruf der Daten immer auf die genaue Schreibweise (min/maj.) achten. Sonst koennen die Dateien nicht gefunden werden.

p.Ex: Die von Ihnen aufgerufene Datei Bilder/Blumen005.jpg ist auf dem Server als Bilder/Blumen005.JPG abgelegt.
 

magicsepp

Aktives Mitglied

AW: Bilder auf Homepage werden nicht angezeigt

das mit der Schreibweise war auch mein erste Gedanke, aber ein paar Bilder gehen ja wie z. B. Bilder/Blumen002.jpg
dann ist eher was bei der Übertragung schiefgelaufen falscher Ordner oder sowas... also noch mal Filezilla starten und den Blumenordner anschauen.
 
AW: Bilder auf Homepage werden nicht angezeigt

Ich meine es liegt an den Zeichen, Umlauten wie : ;, ä,ö,ü und / und andere die eigentlich nicht verwendet werden. zb. Blüte habe ich gesehen. Hier wird das Bild wie einige andere nur als Fragezeichen angezeigt.
Mal Dateinamen ändern und dieses Zeichen in der Datei / weglassen, lieber dieses dafür _ oder nur Leerzeichen.
Was natürlich komisch ist das manche Namen mit Umlaut angezeigt werden.
Habe aber festgestellt das hier der Umlaut als zweiter Buchstabe im Wort steht.
Möglicherweise hat der Server damit keine Probleme.
Die Fragezeichen sind meist ein Indiz dafür das der Server die Dateinamen nicht richtig auflösen kann und damit das Bild nicht darstellbar ist?

Oder ganz simpel, man darf Umlaute i.d.R. nie einfach so in ein HTML-Formular schreiben.
 
Zuletzt bearbeitet:

schnullerbacke

Aktives Mitglied

AW: Bilder auf Homepage werden nicht angezeigt

Es ist so wie topptsf sagt.

wird angezeigt
wird nicht angezeigt
wird nicht angezeigt
wird angezeigt

Überarbeite nochmal die Dateinamen bzw. Dateiendungen (aus groß mach klein) und dann sollte alles laufen.
 

kleinerna77

Noch nicht viel geschrieben

AW: Bilder auf Homepage werden nicht angezeigt

oh man ich danke euch erstmal für eure Antworten.

Ich werde das gleich mal umändern. Man auf solche Kleinigkeiten hatte ich zwar versucht beim skripten zu achten, aber wie man sieht, überliest bzw. übersieht man doch so einiges bei seiner ersten Homepage *kopfschüttel*

Ich werde euch berichten, ob es funktioniert hat.

Bis denne

Grüße
 
G

Gelöschtes Mitglied 345460

Guest

AW: Bilder auf Homepage werden nicht angezeigt

Als kleiner Tipp generell, Unterordner und Dateinamen immer klein schreiben inkl Endung und ohne Umlaute äöü. Nehme immer die Alternative ae oe ue. Dann gibts auch keine Probleme... :)
 

kleinerna77

Noch nicht viel geschrieben

AW: Bilder auf Homepage werden nicht angezeigt

Hallo zusammen,

ich danke euch nochmals für eure Tipps und Hinweise!

Es lag echt daran, das einmal .jpg und einmal .JPG die Bilder abgespeichert wurden. Was mir nicht so bewußt gewesen ist.

Jetzt funktionieren die Galerieseiten!

Danke Danke

Grüße
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben