(Please see below for the replies.)
On Fri, Jun 1, 2012 at 7:17 PM, Bob Passaro<[email protected]>
wrote:
Working on WordPress site. Take a look at this post:
http://nwbooklovers.org/2012/06/01/nw-book-lovers-chapter-two/
Scroll down about 3/4 of the way -- it's a kinda long post --
till you
see
a photo of a woman wearing a bike helmet at the subhead:
"Interviews by Lindsey McGuirk"
Look at the first line of text in the next paragraph and see if
you
notice
part of the last word being clipped off. Not everyone seems to
see this, but it doesn't seem to be completely browser related.
[...]
(moved reply ->)
On 6/1/12 5:12 PM, Bob Passaro wrote:
Thanks, Tim. Tim has identified the cause of the text being clipped
(see below). Makes sense this is an "overflow" issue.
If I change to overflow:visible the rest of the word shows up. But
it is going outside of its div.
So the question now is: Why is the text wanting to flow outside the
content div??
Or more practically, how do I counteract that?
Perplexed,
-Bob
I don't see it on Firefox, but wonder if it is this rule on the
containing
div:
.hentry { margin: 0 0 40px; overflow: hidden; }
Tim
Hi Bob,
It seems to me to be the <a> that surrounds the floated image that is
interfering. Although the <a> is now empty, it does have an effect.
Making that <a> "display:block;" has a positive effect. If I were you,
I'd float the <a> instead of the <img>. (Floating makes it display as a
block - no need for the explicit display property.)
--
Cordially,
David
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
