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):
---------------------------------------------------------------------------
der passende CSS-Code ist wie folgt:
--------------------------------------------------------------------------
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!!!!
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ä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ärzenbecher im Frühjahr</b></a></li>
<li><a href="#" class="line1"><img src="Bilder/Blumen005.jpg" alt="" title=""><b>
Apfelblü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: