Brauche Tipps und Tricks für meine erste Homepage, wg Problemen beim einbinden von Bildern und mit der CSS Einstellung

  • Hallo,


    habe angefangen zu programmieren durch mein Studium,
    leider hatten wir bis jetzt noch nicht viel html.
    Habe mir jetzt ein Projekt angelegt wo ich soweit ganz gut zurecht gekommen bin, allerdings habe ich noch ein paar Bugs in der Programmierung (PHP u. CSS).
    Wer kennt sich da gut aus und kann mit mir z.B. via Skype Fehler lokalisieren und mir Tipps und Tricks geben?

  • Hier ist der PHP Quellcode der aus dem Ordner bildergalerie die Dateien auslesen soll und nebeneinander anzeigen soll.
    Leider wird mir nichts angezeigt und ich finde den Fehler nicht, was kann es noch sein?



    <?php
    $ordner = "mixed";
    $bildergalerie = __DIR__ . DIRECTORY_SEPARATOR . 'bildergalerie';
    $alledateien = scandir($bildergalerie);
    $bildtypen= array("jpg", "jpeg", "gif", "png", "tiff");


    foreach ($alledateien as $datei) {
    $dateiinfo = pathinfo($bildergalerie."/".$datei);
    $size = ceil(filesize($bildergalerie."/".$datei)/1024);
    if ($datei != "." && $datei != ".." && $datei != "_notes" && $dateiinfo['basename'] != "Thumbs.db") {
    continue;
    }


    //Dateien nach Typ prüfen, in dem Fall nach Endungen für Bilder filtern
    if(!in_array(strtolower($dateiinfo['extension']),$bildtypen)) {
    continue;
    }
    ?>
    <div class="galerie">
    <a href="<?php echo $dateiinfo['dirname']."/".$dateiinfo['basename'];?>">
    <img src="<?php echo $dateiinfo['dirname']."/".$dateiinfo['basename'];?>" width="140" alt="Vorschau" /></a>
    <span><?php echo $dateiinfo['filename']; ?> (<?php echo $size ; ?>kb)</span>
    </div>
    <?php
    }


    ?>

  • Hey,


    1. Benutze doch bitte die BB-Codes um den Code darzustellen, dadruch aknn man ihn danna uch ordentlich lesen... Thx
    2. teste doch mal ob $alledateien überhaupt das enthält was du erwartest?? Soltle ja theoretishc die Bilder enthalten... Wenn das schon nciht passt, stimmt evtl. dein Pfad nicht? Deine Variable $ordner wird garnicht beunutzt??! :D


    Hab jetzt nur grob drüber gechaut, aber sonst sieht das ganze nicht grund-falsch aus...


    Kanu

  • Hallo Kanu,


    es sollen alle Dateien aus dem Ordner bildergalerie angezeigt werden, deshalb diese Implementierung.
    Wie meinst du die Variable Ordner wird nicht verwendet/unterstützt???

  • Er meint, dass du ganz am Anfang die Variable $ordner = "mixed"; definierst, diese aber im übrigen Code (zumindest dem, was wir kennen) gar nicht mehr verwendest.


    Dass diese Bilder angezeigt werden sollen, wurde verstanden, wenn das aber nicht funktioniert, muss man nach dem Fehler suchen. Am einfachsten dazu ist es, wenn man sich nach dem generieren der Variable deren Inhalt erstmal ausgeben lässt. Ein Bsp:


    Wenn du das so ausführst, sollten am obersten Rand der Seite zwei Zeilen auftauchen, das sind die jeweiligen Inhalte der Variablen. Guck nach, ob die so passen.

  • Okay, stimmen denn die Pfade der Dateien wenn du dir diese mal ausgeben lässt??
    Gleiche einfach mal die Pfade ab, die er dir mit dem Code ausgibt mit denen deiner Dateien auf dem FTP ab. Dann müsstest du doch feststellen können, wo dein Code hinzeigt und wo die Bilder wirklich liegen...??


    Ansonsten poste doch bitte mal deine Ausgabe, bzw. den echten Pfad deiner Bilder...


    Früher gab es hier immer mal so nen tollen Spruch: "Meine Glaskugel habe ich gerade nicht zu Hand..."


    ;)


    Kanu

  • Dieser Fehler tritt jetzt auf.
    Er liest zwar die Dateien aus, aber gibt Sie nicht wieder.
    Fatal error: Cannot break/continue 1 level in /webspace/04/85828/*dieWebsite*.de/Bildergalerie.php on line 69


    Kenne mich mit PHP leider noch nicht so gut aus, deshalb meine Frage wo in dem Quelltext versteckt sich der folge Fehler?


    Hier der überarbeitete Quellcode wo ich einen Fehler vermutlich lokalisiert habe.
    Bitte sagt mir wo und was ich falsch mache.
    Der richtige Pfad zu den Bildern soll www.*DieWebsite/bildergalerie sein/***.***
    Allerdings wie ich die Pfade anpassen muss, benötige ich hilfe.


    Quellcode PHP


    Beispiel Code :


    <?php
    $ordner = "mixed";
    $bildergalerie = __DIR__ . DIRECTORY_SEPARATOR . 'bildergalerie';
    var_dump($bildergalerie); // Das hier kommt zum debuggen rein


    $alledateien = scandir($bildergalerie);
    $bildtypen= array("jpg", "jpeg", "gif", "png", "tiff");
    var_dump($alledateien); // Debugging


    Ende BSP Code


    foreach ($alledateien as $datei) {
    $dateiinfo = pathinfo($bildergalerie."/".$datei);
    $size = ceil(filesize($bildergalerie."/".$datei)/1024);
    /* Hier ist ein Fehler:
    * if ($datei != "." && $datei != ".." && $datei != "_notes" && $dateiinfo['basename'] != "Thumbs.db") {
    continue; */
    }




    if(!in_array(strtolower($dateiinfo['extension']),$bildtypen)) {
    continue;
    }
    ?>
    <div class="galerie">
    <a href="<?php echo $dateiinfo['dirname']."/".$dateiinfo['basename'];?>">
    <img src="<?php echo $dateiinfo['dirname']."/".$dateiinfo['basename'];?>" width="140" alt="Vorschau" /></a>
    <span><?php echo $dateiinfo['filename']; ?> (<?php echo $size ; ?>kb)</span>
    </div>
    ?>

  • Entweder hats du den continue Befehl falsch verstanden oder die if-Syntax :)


    Hiermit läuft es bei mir (er gibt alle Dateien richtig aus)


  • Wie meinst du den continue oder if Syntax?
    Stehe gerade auf dem Schlauch.


    Habe es gerade mit dem Code versucht, und ich bekomme eine weiße Website, nur das Logo und die Hyperlinks sind zu sehen.
    Er zeigt keine Bilder an.
    Hier der Quelltext aus der CSS Datei vielleicht liegt hier der Fehler begraben.



    body
    /div margin: 0
    {
    background-color: #33FF66; /* Farbe Hellgrün */
    }


    a
    {


    }


    a:hover
    (


    )


    a img
    {


    }


    /* root_site Setup */


    #root_site
    {
    margin-top: 40px;
    width: 860px;
    height: 500;
    background: #FFFF00; /* Farbe Gelb */
    }


    .container
    {
    border
    box-shadow
    margin: auto;
    width: 1600px;
    float: left;


    }


    #nav
    {
    float: left;
    position: absolute
    }


    #content
    {
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    }




    #Logo
    {
    margin-left: auto;
    margin-right: auto;
    }



    #Kontakt
    {
    font-size: 20px;
    margin-left: 600px;
    margin-right: auto;
    }


    #Filme
    {
    margin-left: 500px;
    margin-right: auto;
    }


    oder wo kann der Fehler noch sich verstecken?
    Vorher dachte ich der Pfad sei der Fehler das hast du aber jetzt ausgeschlossen. ?( ?( ?( ?(

  • Nein, mit CSS hat das nix zu tun ;)


    Sorry habe meinen Fehler bemerkt... :rolleyes::rolleyes:



    PS: Vergleiche einfach mal meinen mit deinem Code, und überlege was ich mit dem Continue bzw. dem If meinte ;)


    Kanu

  • Hi Kanu,


    wir hatten nur eine kurze Einweisung und dann hies es programmiert mal ohne das wir jemals damit zu tun hatten.
    Deshalb kenne ich mit den Befehlen nicht so gut aus.
    Was bewirken diese beiden Befehle denn genau?
    Hallo Kanu,


    es wird auch nach überarbeitung immer noch nichts angezeigt.
    Verstehe langsam die Technik nicht mehr.

  • Puhhhhh, also bei mir läuft es :huh:
    Aber wie schon mehrmals gesagt, bitte versuche etwas mehr zu beschreiben, "geht nicht" ist keine Beschreibung und auch nicht sonderlich hilfreich... :whistling:
    Was siehst du?? BEi mir erscheinen die Vorschaubilder und Name dazu und der Link funktionierte auch...


    Kanu


    PS: Sorry aber nen PHP-Kurs fange ich jetzt hier nciht erst an 8)

  • Also ich bekomme das Logo und die Navigation angezeigt.
    Der Rest der Seite ist in dem in der CSS Datei hinterlegten Farbton.
    Darunter verstecken sich die Bilder auch nicht,
    langsam verstehe ich nicht, warum es bei dir geht und bei mir nicht. 8| 8|
    Ich bekomme auch keine Fehlermeldung, nichts wird mehr angezeigt.


    Hier der jetzt verwendete Sourcecode aus der CSS Datei und danach die restlichen Codes.
    wenn jemand was rausliesst was mir entgangen ist, schreibt es mir.
    Bin über jeden Gedankengang sehr froh.


    CSS Code:


    body


    {
    background-color: #CCFFCC; /* Farbe Hellgrün */
    }


    a
    {


    }


    a:hover
    (


    )


    a img
    {


    }


    /* root_site Setup */


    #root_site
    {
    margin-top: 40px;
    width: 860px;
    height: 500;
    background: #FFFF00; /* Farbe Gelb */
    }


    .container
    {
    border
    box-shadow
    margin: auto;
    width: 1600px;
    float: left;


    }


    #nav
    {
    float: left;
    position: absolute
    }


    #content
    {
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    }




    #Logo
    {
    margin-left: auto;
    margin-right: auto;
    }



    #Kontakt
    {
    font-size: 20px;
    margin-left: 600px;
    margin-right: auto;
    }


    #Filme
    {
    margin-left: 500px;
    margin-right: auto;
    }


    Hier der PHP Code:


    <!DOCTYPE html>
    <html lang="de">
    <html>
    <head>
    <title>Bildergalerie</title>
    <meta charset="ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <link href="stylesheet.css" type="text/css" rel="stylesheet" />
    <link href="/Favicon.ico" type="Favicon" rel="shortcout icon" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.cycle.all.js"></script>
    <script type="text/javascript">


    </script>
    </head>
    <body>
    <div id="Logo">
    <img src="diashow/Logo2.jpg"
    </div>
    <nav>
    <div class="container">
    <a href="index.html">Startseite</a>
    </div>
    <div class="container">
    <a href="Bildergalerie.php">Bildergalerie</a>
    </div>
    <div class="container">
    <a href="Filme.html">Filme</a>
    </div>
    <div class="container">
    <a href="Kontakt.html">Kontaktinformationen</a>
    </div>
    <div class="container">
    <a href="ueber_uns.html">&Uuml;ber uns</a>
    <div class="container">
    <a href="Impressum.html">Impressum</a>
    </div>
    <div class="container">
    <a href="disclaimer.html">Datenschutzerkl&auml;rung</a>
    </div>
    </nav>
    <?php
    $bildergalerie = ".". DIRECTORY_SEPARATOR . 'bg';


    $alledateien = scandir($bildergalerie);
    $bildtypen= array("jpg", "jpeg", "gif", "png", "tiff");


    foreach ($alledateien as $datei) {
    $dateiinfo = pathinfo($bildergalerie. DIRECTORY_SEPARATOR .$datei);
    $size = ceil(filesize($bildergalerie. DIRECTORY_SEPARATOR .$datei)/1024);


    if ($datei == "." || $datei == ".." || $datei == "_notes" || $dateiinfo['basename'] == "Thumbs.db") {
    continue;
    }


    if(!in_array(strtolower($dateiinfo['extension']),$bildtypen)) {
    continue;
    }


    ?>
    <div class="galerie">
    <a href="<?php echo $bildergalerie. DIRECTORY_SEPARATOR .$dateiinfo['basename'];?>">
    <img src="<?php echo $bildergalerie. DIRECTORY_SEPARATOR .$dateiinfo['basename'];?>" width="140" alt="Vorschau" /></a>
    <span><?php echo $dateiinfo['filename']; ?> (<?php echo $size ; ?>kb)</span>
    </div>
    <?php
    }
    ?>


    <body>
    </html>


    So das sind alle Parameter die ich eingegeben habe.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!