Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Plugins & Atahualpa »

NextGen Gallery Thumbnail Display in IE


  #1  
Old Oct 10, 2010, 12:58 PM
gungo
 
31 posts · Jul 2009
San Juan, Puerto Rico
I'm using nextgen gallery for two new sites and displaying thumbnails 3 across.
They display just fine on Safari, Opera, Firefox - but 'fall apart' and display only one thumbnail across - which makes the page really weird and long. I have played with CSS and thumbnail size IE refuses to put more than one thumbnail across the page.
I don't see any other listings regarding this - so I'm at a loss.

Site is: http://fortrecoverytortola.com/villa...edroom-suites/

Any ideas?

Thanks!
  #2  
Old Oct 10, 2010, 03:49 PM
gungo
 
31 posts · Jul 2009
San Juan, Puerto Rico
I think its fixed by changing display: inline-block; to relative;

.ngg-gallery-thumbnail-box {
display: relative;

}

but now its not centered - but I can live with that until I figure it out.
  #3  
Old Oct 13, 2010, 10:48 AM
gungo
 
31 posts · Jul 2009
San Juan, Puerto Rico
Finally figured out the full css for the fix to nextgen gallery that take care of IE problem (IE6 and above). Note the commented out lines were the original (or my initial changes). I hope that this helps anyone else with the same problem.

/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
text-align: center;
overflow: hidden;
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}

.ngg-gallery-thumbnail-box {
/*display: block;*/
display:inline;
text-align: center;
}

.ngg-galleryoverview .desc {
/* required for description */
margin:0px 10px 10px 0px;
padding:5px;
}


.ngg-gallery-thumbnail {
/*float: left; by Jimba*/
margin-right: 5px;
text-align: center;
/*display: inline-block;*/
display:inline;
}

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
/*display: block; by Jimba */
margin: 4px 0px 4px 5px;
padding:4px;
position:relative;
}

.ngg-gallery-thumbnail img:hover {
background-color: #A9A9A9;
}

.ngg-gallery-thumbnail span {
/* Images description */
font-size:90%;
padding-left:5px;
display:block;
}

.ngg-clear {
clear: both;
  #4  
Old Jun 30, 2011, 09:59 AM
allyevans
 
35 posts · Aug 2010
Wow, thanks, Gungo. I was having the same issue with IE creating odd sized thumbnails (each image was a different size). Now they all run down the center with one column. Do you know how I can create multiple columns? In all other browsers the Nextgen column setting works (which I have set to 4 columns).

Thanks,

Ally

Bookmarks

Tags
ie7, nextgen, thumbnails



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Atahualpa and Nextgen Gallery display Nidan Plugins & Atahualpa 10 Jul 6, 2010 07:55 AM
[SOLVED] Installing NextGEN 1.5.5 shows thumbnail file name not image ningalooclub Plugins & Atahualpa 4 Jun 30, 2010 11:07 AM
NextGEN-Gallery varkis Sidebars & Widgets 12 Jun 9, 2010 11:33 AM
thumbnail gallery of posts (as a portfolio page) viewdesigninc Plugins & Atahualpa 2 May 27, 2009 02:34 PM


All times are GMT -6. The time now is 05:40 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.