[css-d] Is this even possible with blockquote?
On the following page I have a div floating to the left with a blockquote wrapping it on the right. http://www.imag3.com/test/ Is there a way to style the blockquote and/or the floating div such that the left margin of the blockquote comes into play for the text along side the div? If I put the h1, p, and blockquote inside another context then everything will behave as expected. But then I lose the word wrap effect. I am thinking there is either I am overlooking an extremely easy and painfully obvious means of doing this, or, it isn't really possible to accomplish until a future version of css. Regards, Claude Needham __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Is this even possible with blockquote?
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Claude Needham Sent: Monday, June 28, 2010 12:24 PM To: CSS Discuss List Subject: [css-d] Is this even possible with blockquote? On the following page I have a div floating to the left with a blockquote wrapping it on the right. http://www.imag3.com/test/ Is there a way to style the blockquote and/or the floating div such that the left margin of the blockquote comes into play for the text along side the div? If I put the h1, p, and blockquote inside another context then everything will behave as expected. But then I lose the word wrap effect. I am thinking there is either I am overlooking an extremely easy and painfully obvious means of doing this, or, it isn't really possible to accomplish until a future version of css. I think the problem is that the blockquote box doesn't change shape. It's still a rectangle. So the margin (or padding - I tried that too) is behind the pink div. It doesn't get pushed to the side with the text. Adding a border makes this easy to see. The border gets hidden behind the block, instead of going around it. So I'm currently leaning toward impossible, but someone may show me up. You might try googling for lists, which would also have this problem. I know I've seen that discussed on this list before. ---Tim __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Is this even possible with blockquote?
Claude Needham wrote:
On the following page I have a div floating to the left with a
blockquote wrapping it on the right.
http://www.imag3.com/test/
I don't see anything in your CSS code that would affect the blockquote; you
have
blockquote {
}
Is there a way to style the blockquote and/or the floating div such
that the left margin of the blockquote comes into play for the text
along side the div?
I don't see what you are aiming at. It seems that you wish to float the
blockquote but don't actually set anything in CSS on blockquote elements.
If I put the h1, p, and blockquote inside another context then
everything will behave as expected. But then I lose the word wrap
effect.
Maybe it would help if you posted a real example URL demonstrating what you
want, except for word wrap effect, whatever that means.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [cs...@lists.css-discuss.org]
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/
Re: [css-d] Is this even possible with blockquote?
On Mon, Jun 28, 2010 at 11:06 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote: http://www.imag3.com/test/ I don't see what you are aiming at. It seems that you wish to float the blockquote but don't actually set anything in CSS on blockquote elements. Maybe it would help if you posted a real example URL demonstrating what you want, except for word wrap effect, whatever that means. At the bottom of the page (http://www.imag3.com/test/ same as previous URL) there is a sample of the visual effect I am looking for. However, this is a fragile solution that could break with changes in font size, length of h1, length of p element etc. A typical form for a blockquote has an extra inset. In the sample as shown in the upper part of the example page, there is no left margin on the h1, p, or blockquote. The only way I know of to simulate the left margin is to add a margin-right to the floating dive. But this will give the same apparent left-margin to the h1, p, and blockquote. I was hoping the blockquote could be treated so that it would be shown with the little extra indent that is typical for blockquote. As mentioned by Tim, this problem will also be evident in lists. I was hoping that any solution here would also transfer to lists. I am leaning toward impossible at the moment. But I have seen folks on this list contribute css suggestions that were absolutely amazing to me in my limited css. So, I'm still holding out some hope that there is a proper solution. Regards, Claude __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Is this even possible with blockquote?
Claude Needham wrote: http://www.imag3.com/test/ Is there a way to style the blockquote and/or the floating div such that the left margin of the blockquote comes into play for the text along side the div? Claude Needham Claude, I don't know if this will work for you in the particular situation you have at hand? http://chelseacreekstudio.com/ca/cssd/bq.html Best, ~d -- desktop http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Is this even possible with blockquote?
On Mon, Jun 28, 2010 at 1:29 PM, David Laakso da...@chelseacreekstudio.com wrote: I don't know if this will work for you in the particular situation you have at hand? http://chelseacreekstudio.com/ca/cssd/bq.html Best, ~d Thanks David, That is the kind of solution that I suspect will be necessary. Was hoping for something more fluid, but alas, I don't think that is possible. Thanks for the sample, I always learn something new when I look into your css. Claude __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Is this even possible with blockquote?
Claude Needham wrote: On Mon, Jun 28, 2010 at 1:29 PM, David Laakso da...@chelseacreekstudio.com wrote: I don't know if this will work for you in the particular situation you have at hand? http://chelseacreekstudio.com/ca/cssd/bq.html Best, ~d Thanks David, That is the kind of solution that I suspect will be necessary. Was hoping for something more fluid, but alas, I don't think that is possible. Thanks for the sample, I always learn something new when I look into your css. Claude I understood the question-- just couldn't make it happen. Wait. Someone else may come along with what you need. Best, ~d -- desktop http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/
