Bildergalerie bearbeiten

  • Hallo, ich habe mir für meine kleine Homepage eine Bildergalerie zugelegt. Soweit konnte ich mich jetzt ganz gut damit zurecht finden und durch probieren und studieren komme ich jetzt auch ganz gut zurecht... jaaaa fast *lol*

    Da gibt es aber einen kleinen Punkt den ich ganz gerne ändern möchte und zwar handelt es sich um den Freiraum der zwischen den Bild und der Navigationsleiste ist - diesen möchte ich gerne kleiner gestalten... wie gesagt soweit komme ich jetzt ganz gut zurecht aber ich weiß partout nicht welchen Code ich ändern muss damit dieser Freiraum zwischen Bild und Navigationsleiste kleiner wird.

    Sorry aber manchml habe ich das Gefühl ich stehe vor einer Wand aus Zahlen und Codes und ich werde es nie verstehen *grummel*

    Der Link zur Bildergalerie lautet:

    http://home.arcor.de/ruhrpottknipser/bildergalerie/tiere/

    Der Quellcode lautet:

    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>SimpleViewer</title>
    <!-- Download SimpleViewer at http://www.airtightinteractive.com/simpleviewer -->
    <script type="text/javascript" src="swfobject.js"></script>
    <style type="text/css">
    /* hide from ie on mac \*/
    html {
    height: 100%;

    }

    #flashcontent {
    height: 100%;
    }
    /* end hide */

    body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #333333;
    color:#ffffff;
    font-family:sans-serif;
    font-size:20;
    }

    a {
    color:#999999;
    }
    </style>
    </head>


    <body>


    <p align="center" border="0"><img src="http://home.arcor.de/ruhrpottknipse…ages/banner.gif"></img>

    <br>

    <font face="Comic Sans MS"> <font size="2px">


    <a href="http://home.arcor.de/ruhrpottknipser">Willkommen</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/ueber_mich">über mich</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/photos">Photos</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/technik">Technik</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/links">Links</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/impressum">Impressum</a>

    </p>


    <table width="1000" align="center">
    <tr>
    <td height="700" align="center" valign="middle" width="100%">

    <div id="flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a

    href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
    <script type="text/javascript">

    var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "#333333");

    // SIMPLEVIEWER CONFIGURATION OPTIONS
    // To use an option, uncomment it by removing the "//" at the start of the line
    // For a description of config options, go to:
    // http://www.airtightinteractive.com/simpleviewer/options.html

    //fo.addVariable("xmlDataPath", "gallery.xml");
    //fo.addVariable("firstImageIndex", "5");
    //fo.addVariable("langOpenImage", "Open Image in New Window");
    //fo.addVariable("langAbout", "About");
    //fo.addVariable("preloaderColor", "0xFFFFFF");

    fo.write("flashcontent");
    </script>

    </td>
    </tr>
    </table>


    </body>
    </html>


    Der Quellcode des Galleryeditors lautet:

    <?xml version="1.0" encoding="UTF-8"?>
    <simpleviewergallery maxImageWidth="600" maxImageHeight="600" textColor="0x999999" frameColor="0xFFFFFF" frameWidth="2" stagePadding="40" navPadding="40" thumbnailColumns="3" thumbnailRows="3" navPosition="left" vAlign="center" hAlign="center" title="Tiere" enableRightClickOpen="true" backgroundImagePath="" imagePath="" thumbPath="">


    Im Anhang habe ich einen Sreenshot mit angehangen damit man besser versteht was ich meine *g* Ich hoffe ihr könnt mir hierbei helfen?

    Gruß mike

  • Warum packste das Teil in ne Tabelle?

    Die Angaben "height:100%" kannste Dir sparen...


    Kleiner Tipp: HTML-Grundlagen machen sich immer gut ;)

    HTML
    <font face="Comic Sans MS"> <font size="2px">

    in XHTML? noch dazu wenn Du eh schon css benutzt?

    Achja: Die Doctype-Deklaration fehlt - die muss bei XHTML sein.

  • Guten Morgen, na ich habe ja geschrieben das ich gerade versuche mich mit dem Thema html auseinander zu setzten und das ich hier noch meine Schwierigkeiten habe.

    Die Bildergalerie ist ein fertiges Script was sich auf Webseiten anpassen lässt, somit war auch schon der Tabellencode vorhanden und wurde nicht von mir selbst eingefügt.

    Leider hat mir deine Antwort jetzt nicht gerade bei meinem Problem weitergeholfen, das ich mich noch viel mehr mit diesem Thema auseinander setzen muss ist mir bewusst und das werde ich auch tun

    Aber trotzdem danke für deine Hinweise,

    Gruß mike

    Einmal editiert, zuletzt von ruhrpottknipser (20. August 2009 um 11:42)

  • Hallo, verstehe ich ehrlich gesagt nicht so ganz... ich habe die Galerie auf einer anderen webseite gesehen wo sie so verändert wurde:

    "link entfernt - da Thema erledigt und ich nicht weiß ob es den Webseitenbetreiber recht ist wenn ich ihn als Beispiel anfüge"

    Gruß mike

    Einmal editiert, zuletzt von ruhrpottknipser (21. August 2009 um 18:15)

  • Eventuell passt sich Flash an:

    <table width="1000" align="center">

    verringere die 1000 mal testweise

  • Hallo, danke für deine Hilfe. Leider funktioniert das nicht, das hatte ich schon mal ausprobiert und damit ändere ich nur das untere Feld in der Bildansicht. Ich möchte aber den Freiraum zwischen Bild und Navigation verkleinern und das geht damit leider nicht...

    Gruß mike

  • Hallo danke für die Links - ich habe bisher immer diese Seite verwendet:

    http://de.selfhtml.org/

    Ich bin mittlerweile ein wenig weiter gekommen und habe den ganzen Code noch einmal über den Haufen geworfen und unter Firefox läuft das jetzt auch aber dafür rückt die ganze Bildergalerie im IE nach links.

    Mein jetziger Code schaut so aus:

    <br>
    <p align="center" border="0"><img src="http://home.arcor.de/ruhrpottknipse…ages/banner.gif"></img>


    <meta http-equiv="content-language" content="de" noresize scrolling="no">
    <script type="text/javascript" src="swfobject.js"></script>
    <style type="text/css">
    html {
    height: 100%;
    }
    #flashcontent {
    height: 100%;
    }
    body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #333333;
    color:#ffffff;
    font-family:sans-serif;
    font-size:8;
    }

    a {
    color:#999999;
    }

    </style>

    </head>

    <br>

    <br>

    <body>

    <font face="Comic Sans MS"> <font size="2" scrolling="no" noresize scrolling="no">

    <a href="http://home.arcor.de/ruhrpottknipser">Willkommen</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/ueber_mich">über mich</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/photos">Photos</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/technik">Technik</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/links">Links</a> &nbsp; &nbsp;

    <a href="http://home.arcor.de/ruhrpottknipser/html/impressum">Impressum

    </a>

    <table width="1000" align="" border="0" noresize scrolling="no">
    <tbody><tr>
    <td width="600" align="center" height="600" valign="middle" noresize scrolling="no">
    <div id="flashcontent"><embed type="application/x-shockwave-flash" src="viewer.swf" style="" id="viewer" name="viewer" bgcolor="#333333" quality="high" width="100%" height="100%" noresize scrolling="no"></div>
    <script type="text/javascript">

    var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "1", "#333333");

    // SIMPLEVIEWER CONFIGURATION OPTIONS
    // To use an option, uncomment it by removing the "//" at the start of the line
    // For a description of config options, go to:
    // http://www.airtightinteractive.com/simpleviewer/options.html

    //fo.addVariable("xmlDataPath", "gallery.xml");
    //fo.addVariable("firstImageIndex", "5");
    //fo.addVariable("langOpenImage", "Open Image in New Window");
    //fo.addVariable("langAbout", "About");
    //fo.addVariable("preloaderColor", "0xFFFFFF");

    fo.write("flashcontent");
    </script>

    </body>
    </html>


    Aber warum schiebt sich das im IE jetzt nach links wenn es im Firefox doch richtig angezeigt wird... habe ich da etwas übersehen bzw. eine Aktion nicht geschlossen die dazu führt?

    Gruß mike