Hi all, I have applied the suggestions one or two of you made a while back about making a pull quote work on my site. At first glance it all looked very nice in Safari, Firefox and IE. I just had another look and realised there are a couple of weirdnesses with IE (Safari and Mac/PC Firefox look fine here).
First, the closing quote becomes partially obscured by the text that runs across it if I scroll the page in IE. If I refresh it comes back looking OK. Weird or what. The second bug is one that I am sure I've heard mentioned before but can't quite place. The box that I have put the pull quote into shows a little bit of white space in the title bar at the right. Is this likely to be the IE whitespace bug? If so, what white space do I need to remove? I don't want to clear out the whole page because it will be unreadable, but I can't leave it like this. Here is a sample page showing the problems. http://www.tellura.co.uk/a_dev/ Any thoughts/suggestions? Ian. -- Dr Ian M Piper [EMAIL PROTECTED] skype: ianmpiper -- Where is the wisdom we have lost in knowledge? Where is the knowledge we have lost in information? On 10 Apr 2006, at 12:16 am, 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/
