nicht angemeldet
Hallo zusammen,
folgendes Problem.
Ich bastle zur Zeit an einer Homepage in html (mit css). Bin eher Anfänger, dank google und dem Archiv dieses Forums hab ichs aber recht weit gebracht. Nun kann mir aber weder das eine, noch das andere weiterhelfen, deshalb meine Frage:
Es geht um ein Bilder-Archiv, das ziemlich lang ist (und damit die navi auch ziemlich lang wird). Ich hab schon mit faux columns geschafft, dass zumindest der container "inhalt" weiß bleibt.
Die Bilderseiten erstell ich mit jalbum.
Zunächst öffnet sich die medien.html, die nur die 5 aktuellsten Medien anzeigt. Klickt man dann in der Navi auf das Archiv, dann öffnet sich genau das gleiche als archiv.html, nur noch mit einer längeren navi (mit allen alten Alben).
Der zugehörige html-code zur archiv.html sieht so aus:
<div id="inhalt">
<center><iframe name="inhalt" src="medien2.html" id="inhalt" scrolling="no" style="border: none; bgcolor:#FFF" width="100%" height="620px"></iframe></center>
</div>
<div id="navi" class="naviclass">
<ul style="list-style-type:none; margin:5px; padding: 5px; list-style-position:outside; list-style-image:none">
<!--Hier sind die 5 aktuellesten Alben-->
<li><span style="color:#949494; font-weight:normal; font-family: Verdana; sans-serief;text-align:center"><img src="photo.gif"><a class="link" href="Medien/Zeltlager 2009/index.html" target="inhalt"> Zeltlager</a></span><span style="text align:right; font-size:10px;">'09</span></li>
<hr color="#949494" width="200px" size="x" align="left"></hr>
[...]
<!--Hier beginnt das ewig lange Archiv (habs gekürzt)-->
<br>
<li><span style="color:#949494; font-weight:normal; font-family: Verdana; sans-serief;text-align="center"><img src="buchoffen.gif"><a class="link" href="medien.html"> Archiv</a></li>
<hr color="#949494" width="200px" size="x" align="left"></hr>
<li><span style="color:#949494; font-weight:normal; font-family: Verdana; sans-serief;text-align="center"><img src="photo.gif"><a class="link" href="Medien/Zeltlager 2008/index.html" target="inhalt"> Zeltlager</a></span><span style="text align:right; font-size:10px;">'08</span></li>
<hr color="#949494" width="200px" size="x" align="left"></hr>
[...]
<hr color="#949494" width="200px" size="x" align="left"></hr>
<li><span style="color:#949494; font-weight:normal; font-family: Verdana; sans-serief;text-align="center"><img src="photo.gif"><a class="link" href="Medien/Weihnachtsfeier 2007/index.html" target="inhalt"> Weihnachtsfeier</a></span><span style="text align:right; font-size:10px;">'07</span></li>
<hr color="#949494" width="200px" size="x" align="left"></hr>
<li><span style="color:#949494; font-weight:normal; font-family: Verdana; sans-serief;text-align="center"><img src="photo.gif"><a class="link" href="Medien/Zeltlager 2007/index.html" target="inhalt"> Zeltlager</a></span><span style="text align:right; font-size:10px;">'07</span></li>
</ul>
</div>
Ihr seht, dass ich ein iframe im "inhalt"-container gemacht habe, in dem die jeweilige von jalbum erstellte index.html sich öffnet.
Nun habe ich aber das Problem, dass das Archiv wie gesagt ewig lang ist. Klick man nun auf das unterste Album, so öffnet sich zwar oben das Album, nur sehen tut man es nur, wenn man hochscrollt.
Gibt es nicht einen Befehl, der noch zusätzlich zu dem Öffnen der index.html im iframe vorgibt, dass das ganze als "target=_top" an den Seitenanfang springt? Also kann man nicht mehrere hrefs miteinander verbinden oder in den iframe noch ein Befehl, dass die Seite immer an den Anfang springt?
Oder - um einen Schritt auf euch rauchende Köpfe zuzugehen - ich wäre auch bereit, dass sich das Archiv komplett schließt (also nur noch die aktuellsten Medien da sind). Dazu bräuchte ich aber ein Befehl der irgendwie so hieße:
<a class="link" href="Medien/Zeltlager 2007/index.html" target="medien.html#inhalt">
Also in die medien.html wieder geht (dort ist ja das Archiv geschlossen) und dort im iframe namens "inhalt" die index.html des Albums öffnet.
Ich hoffe, ihr kapiert, was ich meine XD sorry, wenns zu kompliziert ist.
Vielen Dank schon mal für eure Hilfe!
werauchimmer
P.S: Bitte nichts wegen dem html-code sagen... ich weiß, es ginge deutlich unkomplizierter und "schöner". Aber ich bin damit ganz zufrieden.