Bilderalbum - Abstand vertikal und horizontal separat

    Hallo,

    gibt es die Möglichkeit im Bilderalbum den Abstand bei den Vorschaubildern nur vertikal oder nur horizontal zu vergrößern oder zu verkleinern?

    Gruß
    Timo

    Hallo Timo,

    schau mal in den Quellcode deiner Seite und finde den Bereich wo das Bilderalbum eingebunden ist. Bei mir sieht das so aus:

    Code
    <div id="igal1606" class="zpImageGallery"
 data-width="200"
 data-height="150"
 data-margin="10"
... usw

    Also kann ich so mit den Abständen herumspielen:

    Code
    #igal1606 a{
margin: 100px 10px 20px 20px;
}

    Oder auch so:

    Code
    #igal1606 a{
margin: 0 1px 0 0;
}


    Einfach etwas mit CSS spielen ;)

    Mit freundlichem Gruß, Jan

    Hi Jan,

    Danke für die schnelle Antwort! Ich stehe grad voll auf m Schlauch bei mir schaut das ganze so aus:

    <div id="igal1819" class="zpImageGallery"
    data-width="209"
    data-height="158"
    data-margin="16"
    data-bordercolor="default"
    data-borderwidth="0"
    data-numbershow="0"
    data-titleshow="0"
    data-titleposition="off"
    data-transition="elastic"
    data-inner-transition="white"
    data-slideshow="0"
    data-slideshowinterval="0" data-lang="de">
    <a class="fancybox" href="media/images/1-pict0061-large.jpg" title="" data-fancybox-group="g1819" rel="g1819"> <img src="media/images/thumbnails/1-pict0061-209x158.jpg" alt="" width="209" title="">
    </a> <a class="fancybox" href="media/images/rechteck-07-large.png" title="" data-fancybox-group="g1819" rel="g1819"> <img src="media/images/thumbnails/rechteck-07-209x158.png" alt="" width="209" title="">
    </a> <a class="fancybox" href="media/images/2-pict0021-large.jpg" title="" data-fancybox-group="g1819" rel="g1819"> <img src="media/images/thumbnails/2-pict0021-209x158.jpg" width="209" title="" alt="">
    </a> <a class="fancybox" href="media/images/3-pict0096-large.jpg" title="" data-fancybox-group="g1819" rel="g1819"> <img src="media/images/thumbnails/3-pict0096-209x158.jpg" width="209" title="" alt="">
    </a> </div>
    </div> </div>


    wo müsste ich jetzt

    • #igal1606 a{
    • margin: 100px 10px 20px 20px;
    • }

    einfügen?

    Gruß
    Timo

    Hallo Timo,

    die kleine Anpassung musst du als eigenes CSS einfügen. Und da deine Artikel-ID im Bilderalbum (#igal1819) eine ganz andere Artikel-ID als bei mir (#igal1606) hat, musst du diese noch vorher abändern.

    Somit musst du folgendes einbinden:

    CSS
    #igal1819 {
margin: 100px 10px 20px 20px;
}


    Mit freundlichem Gruß, Jan

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden