Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

NextGen Gallery Thumbnail Display in IE


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 10, 2010, 11:58 AM
gungo
 
31 posts · Jul 2009
San Juan, Puerto Rico
NextGen Gallery Thumbnail Display in IE

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, 02: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, 09: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, 08: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

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


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


All times are GMT -6. The time now is 04:32 AM.


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