Ian Piper wrote:
> 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?
It isn't obscured - it is cut off because the paragraph isn't tall
enough to hold the entire background-image.
The following style-changes...
#quotation1 p {
background-image: url(closequo.gif);
background-position: bottom right;
background-repeat: no-repeat;
font: 14px "Trebuchet MS", Times, serif;
font-style: italic;
color: #777777;
padding-top: 40px; /* more space on top */
margin-top: -40px; /* move back up */
margin-bottom: 0;
}
...will make it render just fine. Whether or not that's the correct way
to mark up a quotation is another matter.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
