Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Combining Equidistant Objects and Text Overlays Re: Combining Equidistant Objects and Text Overlays

#97367
FizzBuzz
Member

Hi @joshuanhibbert, I like that! Thanks!

I prefer the first solution, as the images wrap, rather than squash/skew if the page is too small.

3 small problems though;
1. Doesn’t work with different sized images. http://jsfiddle.net/pEJqn/8/

2. It doesn’t seem to render properly in IE9, I know I’ll have to put in a different setting for opacity, but the images aren’t actually lining up properly either, I just get one after the other; http://www.baradineholdings.com.au/galleryTest2.php

3. I’m having trouble centering the text. Basically, I want to centre the text and increase the padding so that the whole image seems “faded” behind the text. Each text is going to be different though, so I’m not sure that setting bottom/left or padding is the correct solution here?