This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > January 2007 > Re: and how about blockquote? (was Re: text wrap around image: how can we do it with css





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Re: and how about blockquote? (was Re: text wrap around image: how can we do it with css
Jukka K. Korpela

2007-01-27, 11:02 pm

Scripsit Ben C:

> Yes, what happens is the blockquote's block box's left edge is all the
> way to the left, under the image, and that's where its margin goes.
> It's only the words inside the blockquote - - that are moved right to
> avoid the float.


I think you meant "lines", not "words".

>
> So long as the left margin you want on the blockquote is known to be
> smaller than the width of the float, set the same amount also as right
> margin on the float, and it should come out all right, provided that
> the blockquote and the <p>s have transparent backgrounds.


But that would create a uniform right margin for the floated image, so that
<p> elements and <blockquote> elements would still be lined up on the left,
instead of any visible indentation of <blockquote>.

I don't see any general workaround, but in many special cases, it might be
feasible to use

blockquote { float: left; }

(You'd need to consider what happens in different situations, especially
when the canvas width varies.)

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews