Sent by Holly Bergevin on 29 August 2003 00:12
Walter wrote:
>Holly, your Drop Cap solution is great!
I had good teachers for this technique, Stephanie Sullivan and Big John.
>I have now inserted that gem into my CSS snippets!
I'm glad it will be useful to you.
>Now, to follow-up on a Drop cap, what if I wanted do this but have a large
>"cap" quote mark on both sides of a paragraph text...
>I have a desire to the quotes be 2 or 3 lines deep
and the lines wrap accordingly.
Well, it wasn't *too* difficult to figure this one out. Try the stuff below -
HTML -
<p><span class="left">"</span><span class="right">"</span>
This is a some text that I want quoted with big quotes on both sides, which I can not
actually show in ASCII txt. This is a some text that I want quoted with big quotes on
both sides, which I can not actually show in ASCII txt. This is a some text that I want
quoted with big quotes on both sides, which I can not actually show in ASCII txt. This
is a some text that I want quoted with big quotes on both sides, which I can not actually
show in ASCII txt.
</p>
CSS -
span.left {
float: left;
margin: 3px 3px 0px -3px;
padding:0;
font: 4em/0.8em "Arial Black", "Helvetica Neue Bold Condensed", Arial, Helvetica, sans-serif;
color: #666;}
span.right {
float: right;
margin: 3px -3px 0px 3px;
padding:0;
font: 4em/0.8em "Arial Black", "Helvetica Neue Bold Condensed", Arial, Helvetica, sans-serif;
color: #666;}
* html span.left {margin-right: 0;}
* html span.right {margin-left: 0;}
This looks pretty cool in a wrapper div with a border, too, if you add {text-align: justify;} to
the paragraph styles (not desiring to restart the "justify" discussion, though).
HTH,
~holly
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
