A lot of sites seem to solve this problem by including the closing quote in the text and only making a graphic for the opening quote. Visually, it seems to work. Semantically, it might bother some.
-C On Apr 9, 2006, at 7:16 PM, Ian Piper wrote: > Hi all, > > I wonder whether someone could advise. I want to put pull-quotes in > various parts of a site. I thought I would do it with two styles, and > attach a background image (of open and close quotes) to each style. > Then I would use one at the beginning and the other at the end of the > quote. Styles are below. However, as you can see from this test page: > > http://www.tellura.co.uk/quotetest.htm > > the close quote symbol is obscured by the text above. I'm not sure > where to go next with this. Can anyone suggest a solution? > > Here are the styles I am using in that page: > > /* ==== styles ==== */ > #quotation1 { > background-color: #F9F6F4; > padding: 50px 10px 100px 40px; > margin: 0; > border: 0; > width: 200px; > } > > /* h3 is used for the quotation */ > > #quotation1 h3 { > background-image: url(../images/openquote.gif); > background-repeat: no-repeat; > background-position: top left; > font: 16px "Trebuchet MS", Times, serif; > color: #000000; > margin: 5px 0; > } > > /* p is used for the attribution */ > > #quotation1 p { > background-image: url(../images/closequote.gif); > background-position: bottom right; > background-repeat: no-repeat; > font: 14px "Trebuchet MS", Times, serif; > font-style: italic; > color: #777777; > margin-top: 0; > margin-bottom: 0; > } > /* ==== styles ==== */ > > > > Thanks, > > > Ian. > -- > [EMAIL PROTECTED] > 07973 156616 | 01926 811383 > skype: ianmpiper > > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
