[Nextgen Gallery Slidehow]Anzeigeproblem

  • Hallo Ihr Wordpress Freunde !

    Ich habe ein kleines Problem aus dem ich nicht schlau werde.
    Ich benutze Nextgen Gallery Slideshow in der Sidebar nur sind die Bilder immer etwas eingerückt, anstatt direkt in das Widget zu passen:
    (screenshot)
    http://img845.imageshack.us/img845/1208/screen1gx.jpg

    Das Widget hat eine Breite von 270px und eine Höhe von 200 px.

    Code
    <div id="ngg-slideshow-0-1-1" class="ngg-widget-slideshow" style="height: 200px; width: 270px; position: relative; overflow: hidden;">

    In den Slideshow-Einstellungen habe ich folgendes ausgewählt:

    Standard Größe (B x H) 270 x 200 px

    Somit sollten die Bilder doch perfekt passen. Tun Sie aber nicht und genau dies ist meine Frage: Warum ? :D

    Grüße und vielen Dank für Eure Hilfe !

    Werresal

    EDIT: nachtürlich habe ich alle diese Bilder nach dem setzen der Maße nochmals neu erstellen lassen.

    Edit2: Zudem habe ich festgestellt das bei Erstaufruf der Seite das Bild jeweils ca 4 px unter der Oberkante des Widgets ist und dann kurz danach dorthin rutscht. Jemand eine Idee was das nun wieder sein kann ?
    http://imageshack.us/photo/my-images/202/screen2wh.jpg/

    Einmal editiert, zuletzt von werresal (3. Januar 2012 um 09:53)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Danke für den Tip, allerdings hilft es nicht wirklich.
    Nun sind die Bilder horizontal mittig, Rand rotzdem.
    Auch springt das Bild bei Erstaufruf immernoch nach oben.

    Naja, es sieht zumindest ein wenig besser aus.

    Komisches Ding ..

  • na dann überschreiben wir mal ein paar Angaben aus übergreifenden Anweisungen mit !important

    den Code von oben wieder löschen und dafür dies einfügen

    CSS
    .ngg_slideshow img {
        width: 100% !important;
    }
    .ngg-widget-slideshow {
        padding: 0 !important;
    }

Jetzt mitmachen!

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