Problem mit RokBox

    Guten Tag,


    vielleicht kann mir hier jemand helfen. Ich habe auf der Vereinshomepage unter folgendem link http://schuetzen-vossenack.de/index.php/majestaeten eine Auflistung der bisherigen Regenten erstellt (die Tabellenform ist so gewünscht und es soll keine Gallerie oder ähnliches estellt werden). Zu jedem Jahr ist in der letzten Spalte der Tabelle ein kleines Bild abgelegt, das durch anklicken mittels data rokbox vergrößert wird.


    Klickt man aber beispielsweise das Bild im jahr 2000 oder jedes andere an rutscht die Website komplett nach oben. Was muss ich ändern, damit die website an dem Punkt stehen bleibt? Dazu muss ich sagen, dass ich Laie bin und mir alles bisher angelesen habe.


    Den html Code hierzu kopiere ich mal hier rein.


    <td style="height: 20px;"><a href="images/majestaeten/2016_prinz.jpg" target="_blank" data-rokbox=""><img src="images/majestaeten/2016_prinz.jpg" alt="Prinz 2016" width="18" height="18" /></a></td>
    </tr>


    Danke schon mal vorab.

    Die Syntax stimm. Aber du solltest von jedem Bild ein Thumbnail haben und ein großen Bild. Die Bilder werden auch zu klein angezeigt, man erkennt ja gar nichts.


    Code
    <a href="grossesbild.jpg" data-rokbox>
 <img src="thumbnailbild.jpg">
</a>

    Die Größe des Bildes in der Tabelle ist so gewollt. Es soll nur anzeigen das da ein Bild ist, das dann vergrößert werden kann und erst dort angesehen werden kann. Bei der Tabelle handelt es sich in erster Linie um eine Aufstellung der Regenten in der Geschichte des Vereins. Erst durch das vergrößern sollen Bilder angeschaut werden können. Das einzige Problem ist, das die Homepage nach dem vergrößern nach oben rutscht und nicht an dem Punkt, wo man war, stehen bleibt.

    Ja, hat mit dem Problem nichts zu tun, ist aber ein größeres Problem, weil die Seite bei einer dünneren Leitung zu langen Ladezeiten führt und für Google ist das auch nicht gut, wenn die Seite zu viel lädt, was ja nicht nötig ist.


    Entferne im CSS die height:100% aus dem body und ersetze sie durch min-height. Die Ersetzung machst du entweder im Template oder in der template.css.php, wenn es in den Template-Einstellungen nicht möglich sein sollte.


    Hier steht's: https://yootheme.com/support/question/82484