Folgender HTML, CSS - Code (Auslesen eines Bilderordners und darstellen der Bilder) funktionierte in der Version Website X5 Evolution v12 noch richtig (auch responsiv). In der Version 13 werden die Bilder über den ganzen Bildschirm angezeigt, d.h. die Anzeige beschränkt sich nicht mehr auf den in der Vorlagenstruktur genannten Bereich "Seiteninhalt", sondern geht einfach darüber hinaus. Ich denke, dass der CSS-Code angepasst werden muss. Ich habe allerdings keine Ahnung davon. Der HTML, CSS - Code entstammt einer Programmieranleitung, die ich einfach kopiert und eingefügt habe. Bei Website X5 Wevolution v12 funktionierte das auch einwandfrei. Bei der Version 13 kommt es zu dem oben beschriebenen Fehler. Ist das ein Fehler der Version 13 - oder stimmt was mit dem CSS-Code nicht?

HTML-Code:

<ul id="galerie">

<?php

// Ordnername

$ordner = "Kamera1/snap"; //auch komplette Pfade möglich ($ordner = "download/files";)

// Ordner auslesen und Array in Variable speichern

$allebilder = scandir($ordner, 1);

// Sortierung A-Z mit scandir($ordner)

// Sortierung Z-A mit scandir($ordner, 1)                                                                          

// Schleife um Array "$alledateien" aus scandir Funktion auszugeben

// Einzeldateien werden dabei in der Variabel $datei abgelegt

foreach ($allebilder as $bild) {

                // Zusammentragen der Dateiinfo

                $bildinfo = pathinfo($ordner."/".$bild);

                //Folgende Variablen stehen nach pathinfo zur Verfügung

                // $dateiinfo['filename'] =Dateiname ohne Dateiendung  *erst mit PHP 5.2

                // $dateiinfo['dirname'] = Verzeichnisname

                // $dateiinfo['extension'] = Dateityp -/endung

                // $dateiinfo['basename'] = voller Dateiname mit Dateiendung

                // Größe ermitteln für Ausgabe

                $size = ceil(filesize($ordner."/".$bild)/1024);

                //1024 = kb | 1048576 = MB | 1073741824 = GB

                // scandir liest alle Dateien im Ordner aus, zusätzlich noch "." , ".." als Ordner

                // Nur echte Dateien anzeigen lassen und keine "Punkt" Ordner

                // _notes ist eine Ergänzung für Dreamweaver Nutzer, denn DW legt zur besseren Synchronisation diese Datei in den Orndern ab

                // Thumbs.db ist eine Ergänzung unsichtbare Dateiergänzung die von ACDSee kommt

                // um weitere ungewollte Dateien von der Anzeige auszuschließen kann man die if Funktion einfach entsprechend erweitern

                if ($bild != "." && $bild != ".."  && $bild != "_notes" && $bildinfo['basename'] != "Thumbs.db") {

                ?>

    <li>

        <a href="<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>">

        <img src="<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>" width="400" alt="Vorschau" /></a>

        <span><?php echo $bildinfo['filename']; ?> (<?php echo $size ; ?>kb)</span>

    </li>

<?php

                };

 };

?>

</ul>

---------------------------------------------------------------------------------------------------------

CSS-Code eingetragen unter „Erweitert“

<style type="text/css">

ul#galerie {

                padding:0;

                margin:0;

                list-style-type:none;

                font-family:Arial, Helvetica, sans-serif;

}

ul#galerie li{

                padding: 3px;

                background-color:#ebebeb;

                border:1px solid #CCC;

                float:left;

                margin:0 10px 10px 0;  

}

ul#galerie li:hover{

                border:1px solid #333;

}

ul#galerie li span{

                display:block;

                text-align:center;

                font-size:12px;

}

ul#galerie li a img{

                               border:none;

}

</style>