Posted by Els on 07/12/06 08:16

dorayme wrote:

> In article <c1k8jt09ogr5$.oufptjur60up$.dlg@40tude.net>,
> Els <els.aNOSPAM@tiscali.nl> wrote:
>
>> http://locusmeus.com/test/thumbswithcaptionslistcentered.html
>
> In my Safari, the thumb cap "what's it called" wraps and the
> "called" which is on the next line is cut off horizontally.
>
> Taking out height:2em; from your
>
> span.caption{
> display:block;
> height:2em;
>
> and
>
> putting in padding-bottom:10px; into
>
> span.caption a
>
> fixed it but perhaps buggers up something else?

Probably ;-)

When you see the wrapped bits being cut off - don't the last letters
of longer words with the other thumbs get cut off too?

Anyway, the padding is not needed (afaics, using Firefox), just take
out the height:2em; on both "span.caption" and "span.caption a". When
I do this in Firefox, things start looking 'unbalanced', but wrapped
text remains visible.

This is not a problem of course, unless you would float them to the
left instead of have them as inline boxes.

I've made a test without the height:2em (and without the 10px padding)
and with more text, to ensure wrapping in all browsers. Can you check
what it looks like in Safari please?
http://locusmeus.com/test/thumbswraptest.html

I also discovered a weird thing with these thumbnail pages in IE, but
I'll make a separate post about that.

--
Els http://locusmeus.com/

[Back to original message]