Viel weiße fläche NextGEN Gallery und Kickit! 2.x

cl.GER

Hallo
folgendes Problem stellt sich mir da:
Ich schreibe mit dem Theme Kickit! 2.x einen Beitrag und binde mit der NextGEN Gallery eine Gallery ein. Jedoch erhalte ich dann in dem Beitag eine sehr lange weiße Fläche. -> siehe Bild

Vieleicht weiß jemand Rat?

Einzelner Beitag

PHP

<?php get_header(); ?>
<?php get_sidebar(); ?>


        <div id="text-inhalt">


        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>


        <?php the_date('','<div class="datum">','</div>'); ?>


        <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h2>


        <div class="meta"><?php _e('Category:'); ?> <?php the_category(',') ?><?php if (function_exists('the_post_keytags')) { ?>&ndash; <?php _e('Tags:'); ?> <?php the_post_keytags(); } ?> &ndash; <?php _e('Author:'); ?> <?php the_author() ?> &ndash; <?php the_time() ?> <?php edit_post_link(); ?></div>


        <div class="storycontent">
        <?php the_content(__('(more...)')); ?>
        </div>


        <div class="feedback">
        <?php wp_link_pages(); ?>
        <?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>
        </div>


        <!--
        <?php trackback_rdf(); ?>
        -->


        <div class="pagination"><?php previous_post_link(); ?>&nbsp;&ndash;&nbsp;<?php next_post_link(); ?></div>


        <?php comments_template(); ?>


        <?php endwhile; else: ?>
        <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
        <?php endif; ?>


        </div><!--/Text-Inhalt-->


<?php get_footer(); ?>

Alles anzeigen

und das Stylesheet

PHP

/*
Theme Name: Kick it!
Theme URI: http://www.perun.net
Description: Theme for WP 2.x. Made by <a href ="http://www.vlad-design.de">Vladimir Simovic</a> (aka <a href="http://www.perun.net">Perun</a>).
Version: 2.x
Author: Vladimir Simovic
Author URI: http://www.vlad-design.de


Die Header-Grafik stammt von Michael Nolden (www.michaelnolden.de)
*/


/* Algemeine Formatierungen */
body {
    background: #005D1F url(img/grund.gif) center center repeat-y fixed;
    text-align: center;
    margin: 0;
    padding: 0;
    font: 62.5% verdana, sans-serif;
    color: #333;
}


blockquote {
    border-left: 5px solid #ccc;
    margin-left: 10px;
    padding-left: 5px;
}


img {
    border: none;
}


pre, code {
    font: 1em 'courier new', courier, monospace;
    color: #900;
}
ins {
    text-decoration: none;
    border-bottom: 1px dashed #f60;
}
acronym, abbr, dfn {
    border-bottom: 1px dashed #333;
    font-style: normal;
}


dt {
    font-weight: bold;
}
dd {
    margin: 2px 0 7px 0;
}


.bild-links {
    float: left;
    margin: 2px 10px 5px 0;
}
.bild-rechts {
    float: right;
    margin: 2px 0 5px 10px;
}


.nach-oben {
    text-align: right;
    margin: 10px 0;
}


.center {
    text-align: center;
}


.weiter {
    margin: 1em 0;
    text-align: center;
}


.erster {
    margin-top: 0; padding-top: 0;
}


.pagination {
    text-align: center;
    margin: 1.2em 0;
}




.unsichtbar, hr {
    display: none;
}


h1 {
    margin: 0;
    padding: 5px 15px/* 2px 15px*/;
    font: 2.4em arial, sans-serif;
    line-height: 1;
}
h1 a {
    text-decoration: none;
    color: #005D1F;
}




/* Ende allgemeine Formatierungen */


#rand {
    width: 770px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: #fff;
}


#header {
    height: 120px;
    background: url(img/header.gif) no-repeat;
}




#navi-oben {
    padding: 3px 15px;
    background: #019933 url(grafik/navi-oben.gif) repeat-x;
    color: #F7CB1C;
    font: bold 1.2em verdana, sans-serif;
    letter-spacing: 1px;
}


#navi-oben a {
    color: #F7CB1C;
    text-decoration: none;
}


#navi-oben a:hover {
    color: #fff;
}


#inhalt {
    text-align: left;
    margin-top: 15px;
    padding-bottom: 10px;
}


/* Navigation */
#navi {
    width: 200px;
    margin: 0 0 15px 0;
    float: right;
    color: #666;
    font-size: 1.1em;
    line-height: 1.5;
}


#navi-innen {
    padding: 0 10px;
}


#navi ul {
    list-style: none;
    margin: 5px 0 .5em 0;
    padding: 0;
}


#navi ul ul.children {
    margin: 0 0 .5em 10px;
}


#navi a {
    color: #007636;
    text-decoration: none;
    font-weight: bold;
}
#navi a:hover {
    color: #f60;
}


#navi h2 {
    text-align: left;
    font: bold 1.1em verdana, sans-serif;
    text-transform: uppercase;
    color: #555;
    padding: 0;
    margin: 0;
    margin-top: 1em;
    border-bottom: 1px solid #ddd;
}


#navi h2.erster {
    margin-top: 0;
}


#navi form {
    margin: 10px 0;
}


#navi input {
    border: 1px solid #005D1F;
    background: #eee;
    color: #005D1F;
    font-size: 1.1em
}


#navi .search-button {
    margin-top: 3px;
}


#navi .navi-bild {
    text-align: center;
    margin: 1em 0;
}


#navi .news ul {
    line-height: 90%;
}


#navi .news li {
    margin-bottom: 3px;
}


#navi .news li a {
    font-weight: normal;
}
/* Ende Navigation */


/* Der Inhalt */


#text-inhalt {
    margin-left: 15px;
    margin-right: 215px;
    font-size: 1.1em;
    line-height: 1.5;
}


#text-inhalt .datum {
    font: bold 1em verdana, arial, sans-serif;
    border-bottom: 1px solid #ccc;
    margin: .7em 0 0 0;
    text-align: right;
    color: #777;
}


#text-inhalt h2 {
    font: 1.55em 'trebuchet ms', arial, sans-serif;
    color: #555;
    margin: 1px 0 .3em 0;
    background: #eee;
    padding: 2px 5px /*2px 30px*/;
}


#text-inhalt h3 {
    font: 1.6em 'trebuchet ms', arial, sans-serif;
    margin: .5em 0;
    border-bottom: 1px solid #ddd;
}


#rand #inhalt #text-inhalt h2 a {
    text-decoration: none;
    border: none;
}


#text-inhalt a {
    color: #007636;
    text-decoration: none;
    border-bottom: 1px solid #007636;
}
    #text-inhalt a:visited {
    border-bottom: 1px solid #ddd;
}


#text-inhalt a:hover {
    color: #f60;
    border-bottom: 1px solid #f60;
}


#text-inhalt ul li {
    line-height: 135%;
    margin-bottom: 1px;
}


#text-inhalt .meta {
    text-transform: lowercase;
}


#text-inhalt .feedback {
    margin-bottom: 1.5em;
    font-weight: bold;
}


#text-inhalt .fussbanner {
    text-align: center;
    margin-top: 2em;
}


#text-inhalt .fussbanner a {
border: none;
}
/* Ende Inhalt */


/* Kommentare */
#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}


#kommentarformular {
    padding: 0 10px;
    border: 1px solid #005D1F;
    background: #019933;
    color: #fff;
}


#kommentarformular a {
    color: #F7CB1C;
}


#kommentarformular textarea, #kommentarformular input {
    border: 1px solid #005D1F;
    background: #f9f9f9;
    color: #005D1F;
}


#footer {
    margin: 2.5em 12px 0 12px;
    padding: 15px;
    background: #019933;
    color: #fff;
    clear: both;
    text-align: center;
}


#footer a {
    color: #fff;
}
#footer a:hover {
    text-decoration: none;
}


/* *** Plugins *** */
.ed_button {
    border: 1px solid #005D1F;
    background: #f9f9f9;
    color: #005D1F;
    margin-right: 1px;
}


#wp_grins {
    margin-top: 5px;
}


.pagebar {
    text-align: center;
    line-height: 1.4;
    margin-top: 2em;
}


.pagebar .this-page {
    font-weight: bold;
}


#inhalt .pagebar a {
    border: 1px solid #005D1F;
    padding: 2px 5px;
    margin-bottom: 5px;
    text-decoration: none;
}


#inhalt .pagebar a:hover {
    background: #005D1F;
    color: #fff;
}

Alles anzeigen

Werbepost

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

Monika

sei so nett und geb den Link zum Geschehen,

welches css die Galery erstellt sehe ich so ja nicht und meine Glaskugeln machen Samstags WOE Party und arbeiten dann nicht ....:???:

lg

cl.GER

Immer diese Partymacher :-D

bavaria2b - Eine Fussballmannschaft zeigt wo es lang geht

Monika

öffne die css Datei des Plugins next gen nggallery.css muss die heißen

suche dort nach .ngg-galleryoverview

und ändere dies so ab:

/* ----------- Gallery style -------------*/

PHP

.ngg-galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 80%;
    
    display:block !important;
    border:1px solid red;
}

da war vorher ein clear both drin, das hat alles nach unten gedrückt,
außerdem war es mit 100% zu breit.
vielleicht gehen sich 90% auch noch aus, ausprobieren

lg

cl.GER

Hallo
habe ich gefunden und geändert.
Jetzt ist allerdings der selbe Platz nur unter den Bildern. :???:

maxe

nimm mal aus der nggallery.css folgendes raus:

Code

.ngg-clear {
[COLOR=Red]clear:both;[/COLOR]
}

cl.GER

Was soll ich sagen, vielen Dank an die beiden Helfer. :eek:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Viel weiße fläche NextGEN Gallery und Kickit! 2.x

Jetzt mitmachen!