CSS problem
When I show a text before / after a gallery , the “float: left” cause a problem, that the
<div class=”ngg-galleryoverview”>
container , didn’t work as block element, strange…
This is a text after the gallery thumbnails
Update : With width: 100%; it worked now under IE7, but not under FF…
Update 2 : Now when I use clear:both for the navigations its also ok, but is this the solution ?
April 10th, 2007 at 15:00
There is a hack.
.ngg-galleryoverview:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .ngg-galleryoverview {height: 1%;} .ngg-galleryoverview { display: block; } /* End hide from IE-mac */
It will solve the problem
April 10th, 2007 at 15:00
There is a hack.
.ngg-galleryoverview:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .ngg-galleryoverview {height: 1%;} .ngg-galleryoverview { display: block; } /* End hide from IE-mac */
It will solve the problem
April 11th, 2007 at 08:24
Thanks Rod,
I really need such help ! I will check it this evening
April 14th, 2007 at 12:28
Visit this too
http://www.dynamicdrive.com/dynamicindex4/photoalbum.htm
although not Jquery, the system is for me “the good” way for next gen galleries.
April 14th, 2007 at 12:56
Thanks Rod, I know this and start to play with it…
You are invited to support me : Provide me this as jQuery script with the addition function of Thickbox support, this would be very very helpful !
Have a nice weekend
April 14th, 2007 at 14:00
In this case too, Thickbox was perfect until … “tweenbox”
same thing, but faster. And whynot imagine using too http://www.camera-lucida.info/portfoliomodeles/index.html : a cool way to see pics, too … there are so many ideas… but the first thing to “think” is using the powerful of wrapping of Jquery, replacing html elements by others. Creating in this way very easy understanding customisation for final user (actually this is the problem number 1)
May 27th, 2007 at 18:34
As I wrote you in my eMail already:
Just add property ‘overflow: hidden;’ to ‘.ngg-galleryoverview’. You don’t need display: block etc.
(This works when the parent container has a width value. If you want to be sure, that even themes wich do not have a width value for their content work, just add another container surrounding ‘.ngg-galleryoverview’ and give it the property width: 100%;