Hallo zusammen,
seit ein paar Stunden schlage ich mich mit folgender Frage herum
(und habe auch hier weder im FAQ noch im Forum einen Hinweis dazu
gefunden):
Eine kleine, einfache Fotogalerie (mit php realisiert) enthält (u.a.)einen div-Block "t" mit thumbnails
und einen div-Block "b" mit dem aktuell ausgewählten, eigentlichen Bild.
div "t" ist absolut positioniert und hat definierte Breite und Höhe; overflow:auto.
Die thumbnails sind untereinander angeordnet und passen nicht alle in div "t"; deswegen erscheint ein
senkrechter Scrollbalken am rechten Rand von div "t".
Durch Klick auf eins der thumbnails wird die Seite neu aufgerufen (z.B. <a href="../bilder/galerie.php?n=10">)
und geladen mit dem aktuellen Bild (in diesem Fall mit Bild Nr.10) in div "b"; und das zum Bild Nr. 10 gehörende
thumbnail hat einen andersfarbigen Rahmen als die anderen.
Soweit alles in Ordnung.
Wie kann ich dafür sorgen, dass thumbnail Nr. 10 an einer definierten Position in div "t" erscheint; also
der Scrollbalken von div "t" schon ein Stück nach unten gescrollt ist?
Ich habe in HTML und CSS keinen Hinweis gefunden, wie sowas zu bewerkstelligen ist.
Versucht habe ich u.a. top:-300px; für das erste thumbnail, um thumbnail Nr. 10 in den sichtbaren Bereich von
div "t" zu scrollen - das funktioniert auch; allerdings komme ich dann nicht mehr an die ersten thumbnails heran.
Hat jemand von euch eine Idee?
Vielen Dank schon mal im voraus -
Andreas