Nextgen Navi Imagebrowser Probs

tate

Hallo.

Ich habe in der Nextgen Gallery im Imagebrowser die kleinen Ansi Pfeile gegen Grafiken ausgetauscht. Nun werden sie untereinander angezeigt statt nebeneinander. Komme ich da irgendwo mit display:block-inline weiter? Aber wo? Alle versuche sind grad ins Leere gelaufen.

Man sieht das Problem gleich auf der Eingangseite:

http://test.sculpturale.de/

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

tate

weiss es jemand? ich verzweifel da grad dran.

in der imagebrowser.php ist die navi so gelöst:

HTML

<div class="ngg-imagebrowser" id="<?php echo $image->anchor ?>" align="center">


        <div class="ngg-imagebrowser-nav"> 
    
            <a class="ngg-browser-prev" id="ngg-prev-<?php echo $image->previous_pid ?>" href="<?php echo $image->previous_image_link ?>"><img src="wp-content/gallery/navi/navi_links-kopie.png"></a>
            <a class="ngg-browser-next" id="ngg-next-<?php echo $image->next_pid ?>" href="<?php echo $image->next_image_link ?>"><img src="wp-content/gallery/navi/navi_rechts-kopie.png"></a>
        
        
    </div>
    
        <div class="pic" align="center"><?php echo $image->href_link ?></div>
        
        
        
</div>

Alles anzeigen

und im css gibt es für den imagebrowser diese klassen:

HTML

/* ----------- Image browser style -------------*/


.ngg-imagebrowser {
    background: #ffffff;
    clear:both; 
    display:block !important;
}


.ngg-imagebrowser h3 {
    text-align:center;
}


.ngg-imagebrowser img {
    border:0px solid #A9A9A9;
    margin-top: 5px; 
    margin-bottom: 5px; 
    width: 100%;
    display:block !important;
    padding:5px;
}


.ngg-imagebrowser-nav {
    padding:5px;
    margin-left:10px;
}


.ngg-imagebrowser-nav .back {
    float: left;
    border:0px solid #DDDDDD;
    margin-right:3px;
    padding:3px 7px;
}


.ngg-imagebrowser-nav .next {
    float: right;
    border:0px solid #DDDDDD;
    margin-right:3px;
    padding:3px 7px;
}


.ngg-imagebrowser-nav .counter {
    text-align:center;
    font-size:0.9em !important;
}


.exif-data {
      margin-left: auto !important;
    margin-right: auto !important;

Alles anzeigen

was muss ich in welche klasse beschreiben damit die pfeile nicht untereinanderstehen? das img src innerhalb des divs haut mit einen absatz rein, wie mache ich das rückgängig?

bgeissler

Die ganzen Bilder scheinen ziemlich chaotisch gestylt zu sein.
Hier mal ein erster Ansatz:
in der ngg_gallery.css

ändern:

Zitat

.ngg-imagebrowser img {
border:0px solid #A9A9A9;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
display:block !important;
padding:5px;
[COLOR=Red]float:left;[/COLOR]
}
neu einfügen:
[COLOR=Red].pic {
margin-top:50px;
}[/COLOR]

Alles anzeigen

tate

vielen dank, das ist auf jeden fall schonmal der richtige weg für die beiden navi pfeile. nur steht es jetzt natürlich linksbündig und soll wieder in die mitte rücken. wenn ich das float:left rausnehme, sind auch die pfeile wieder untereinander. an welcher stelle mache ich das mittig?

bgeissler

Wie ich sehe, hast du es jetzt ?

Div-Breiten angepasst und nach rechts zur Navi ausgerichtet.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Nextgen Navi Imagebrowser Probs

Jetzt mitmachen!