Previous Message
Next Message

Re: [css-d] Simple Drop Cap...

Sent by Dougal Campbell on 2 April 2002 15:03


On Tue, 2 Apr 2002, Stephanie Sullivan wrote:

> But it's not simple for me... :( Question from a relative newbie... I want a
> lovely drop cap with two lines of text to the right of it and then third
> (and rest) to go under it...
> 
> I tried this:
> 
> .dropcap {
> font-family: "Times New Roman", Times, serif;
> font-size: 300%; 
> font-weight: bold; 
> color:#502778; 
> float:left
> }
> 
> With that I get a big drop cap with the text after it set to the baseline...
> so I only get one line of text instead of two stacked up... Am I making
> sense? :-P

Works for me. Which browsers/os are you testing? I checked IE5.5, NS6.1, 
and Moz 0.9.8 under WinNT. There are slight differences between how IE 
and Moz/NS6 render it, but they seem acceptable, for the most part.

Have you tried using the first-letter pseudo-element?

 p:first-letter {
  font-family: "Times New Roman", Times, serif;
  font-size: 300%;
  font-weight: bold;
  color:#502778;
  float:left;
 }


-- 
Ernest MacDougal Campbell III, MCP+I, MCSE [EMAIL-REMOVED]>
http://dougal.gunters.org/             http://spam.gunters.org/
  Web Design & Development:  http://www.mentalcollective.com/
       This message is guaranteed to be 100% eror frea!
Previous Message
Next Message

Message thread: