Hallo liebes Forum, da ich jetzt echt keine Ahnung mehr habe, was ich falsch mache…
Folgendes Problem: Auf meiner Webseite möchte ich einen Galerie-bereich konstruieren. Soweit alles gut. Der Code ist da und auf dem Heimischen PC, bzw. solange die Webseite auf meinem Rechner gespeichert ist, laden alle bisher 7 Bilder ohne Probleme. Lade ich die Seite nun aber in mein Webspace und greife per Domain darauf zu, laden alle Bilder außer zwei (von 7).
Es ist in egal, ober der Code für die nicht ladenden ober -oder unterhalb eines ladenden Bildes ist. Der gesamte Code für das nicht ladende wurde ebenfalls schon ausgetauscht, 1:1 mit einem, welcher Bilder laden lässt. Sobald man nun aber ein anderes Bild einbindet, wird es nicht mehr geladen.
Falls irgendjemand eine Idee hat, bitte meldet euch, danke Euer Sebi
Der HTML Code:
<div class="main2">
<div class="Bild">
<a href="Galerie/img/Langzeitbelichtung_AA.jpg" data-lightbox="image-7" data-title="Langzeitbelichtung an der Atobahnauffahrt">
<img class="Pic" src="Galerie/img/Langzeitbelichtung_AA.jpg" width="33.33%" height="33.33%" alt="Achern Önsbach Gamshurst Großweier Autobahn Langzeitbelichtung Sebi1801 .de de DE Bilder Galerie Webseite Sebastian Burger Eine Langzeitbelichtung an der Autobahnauffahrt Achern. Wir haben viel Geduld gebraucht, bis es geklappt hat, Autos von jeweils beiden Seiten.
Viele mit Handy am Steuer!"></img></a>
<p class="Bildtext">Eine Langzeitbelichtung an der Autobahnauffahrt Achern. Wir haben viel Geduld gebraucht, bis es geklappt hat, Autos von jeweils beiden Seiten.
Viele mit Handy am Steuer!</p>
</div>
<div class="Bild">
<a href="Galerie/img/fautenbach_d1_d2.jpg" data-lightbox="image-6" data-title="Langzeitbelichtung an der Atobahnauffahrt">
<img class="Pic" src="Galerie/img/fautenbach_d1_d2.jpg" width="33.33%" height="33.33%" alt="Achern Önsbach Gamshurst Großweier Autobahn Langzeitbelichtung Sebi1801 .de de DE Bilder Galerie Webseite Sebastian Burger Eine Langzeitbelichtung an der Autobahnauffahrt Achern. Wir haben viel Geduld gebraucht, bis es geklappt hat, Autos von jeweils beiden Seiten.
Viele mit Handy am Steuer!"></img></a>
<p class="Bildtext">Eine Langzeitbelichtung an der Autobahnauffahrt Achern. Wir haben viel Geduld gebraucht, bis es geklappt hat, Autos von jeweils beiden Seiten.
Viele mit Handy am Steuer!</p>
</div>
</div>
<div class="main">
<div class="Bild">
<a href="Galerie/img/auto_d1_d2.jpg" data-lightbox="image-5" data-title="Langzeitbelichtung an der Atobahnauffahrt">
<img class="Pic" src="Galerie/img/auto_d1_d2.jpg" width="33.33%" height="33.33%" alt="Achern Önsbach Gamshurst Großweier Autobahn Langzeitbelichtung Sebi1801 .de de DE Bilder Galerie Webseite Sebastian Burger Eine Langzeitbelichtung an der Autobahnauffahrt Achern. Wir haben viel Geduld gebraucht, bis es geklappt hat, Autos von jeweils beiden Seiten.
Viele mit Handy am Steuer!"></img></a>
<p class="Bildtext">Eine Langzeitbelichtung an der Autobahnauffahrt Achern. Wir haben viel Geduld gebraucht, bis es geklappt hat, Autos von jeweils beiden Seiten.
Viele mit Handy am Steuer!</p>
</div>
<div class="Bild">
<a href="Galerie/img/Langzeitbelichtung_DB.jpg" data-lightbox="image-4" data-title="Langzeitbelichtung an der Bahn">
<img class="Pic" src="Galerie/img/Langzeitbelichtung_DB.jpg" width="33.33%" height="33.33%" alt="Achern Önsbach Gamshurst Großweier Autobahn Langzeitbelichtung Sebi1801 .de de DE Bilder Galerie Webseite Sebastian Burger Eine Langzeitbelichtung an der Bahnstrecke hinter Önsbach. Was nicht sofort auffällt, hier schneiden sich zwei Züge."></img></a>
<p class="Bildtext">Eine Langzeitbelichtung an der Bahnstrecke hinter Önsbach. Was nicht sofort auffällt, hier schneiden sich zwei Züge.</p>
</div>
<div class="Bild">
<a href="Galerie/img/Seehotel_Achern.jpg" data-lightbox="image-3" data-title="Seehotel Achern">
<img class="Pic" src="Galerie/img/Seehotel_Achern.jpg" width="33.33%" height="33.33%" alt="Achern Önsbach Gamshurst Großweier Autobahn Langzeitbelichtung Sebi1801 .de de DE Bilder Galerie Webseite Sebastian Burger Die erste Langzeitbelichtung mit geiler Kulisse: Das Acherner Seehotel. Manch einer betitelt es als Schandfleck der Ortenau - wir hingegen als absoluten Top Platz."></img></a>
<p class="Bildtext">Die erste Langzeitbelichtung mit geiler Kulisse: Das Acherner Seehotel. Manch einer betitelt es als "Schandfleck der Ortenau" - wir hingegen als absoluten Top Platz.</p>
</div>
<div class="Bild">
<a href="Galerie/img/Bagger_mit_Sebi.jpg" data-lightbox="image-2" data-title="Video-Dreh Location Bagger">
<img class="Pic" src="Galerie/img/Bagger_mit_Sebi.jpg" width="33.33%" height="33.33%" alt="Achern Önsbach Gamshurst Großweier Autobahn Langzeitbelichtung Sebi1801 .de de DE Bilder Galerie Webseite Sebastian Burger"></img></a>
<p class="Bildtext"></p>
</div>
<div class="Bild">
<a href="Galerie/img/See_Gamshurst.jpg" data-lightbox="image-1" data-title="See Gamshurst">
<img class="Pic" src="Galerie/img/See_Gamshurst.jpg" width="33.33%" height="33.33%" alt="Achern Önsbach Gamshurst Großweier Autobahn Langzeitbelichtung Sebi1801 .de de DE Bilder Galerie Webseite Sebastian Burger Gamshurster Baggersee bei Nacht. Videodreh mit den LED-Baustrahlern. Mega viel Spaß gehabt, auch mit dem selbst gebastelten Gegenstand in meiner rechten Hand :D"></img></a>
<p class="Bildtext">Gamshurster Baggersee bei Nacht. Videodreh mit den LED-Baustrahlern. Mega viel Spaß gehabt, auch mit dem selbst gebastelten Gegenstand in meiner rechten Hand :D</p>
</div>
</div>
Der zugehörige CCS-Code:
.main{
padding-top: ;
background-color: #fff;
flex-wrap: wrap;
display: flex;
padding-left: 20%;
padding-right: 20%;
}
.main2{
padding-top: 10rem;
background-color: #fff;
flex-wrap: wrap;
display: flex;
padding-left: 20%;
padding-right: 20%;
}
@media screen and (max-width: 1080px){
.main {padding-left: 0%;
padding-right: 0%}}
@media screen and (max-width: 1080px){
.main2 {padding-left: 0%;
padding-right: 0%}}
.Pic{
width: 100%;
height: 100%;
}
.Bild{
flex-grow: 1;
width: 33.33%;
height: 33.33%;
margin-top: -0.3%;
}
.Bildtext{
color: white;
margin-top: -55%;
margin-left: 2%;
margin-right: 2%;
display: none;
text-align: center;
font-size: 1rem;
}
.Bild:hover> .Bildtext {
display: block;
}