Re: style sheets, dropped capitals and floatimg text

Peter Belesis (peter@webreference.com)
Thu, 14 Aug 1997 22:21:39 +0300


Message-Id: <33F35AC3.2FB5@webreference.com>
Date: Thu, 14 Aug 1997 22:21:39 +0300
From: Peter Belesis <peter@webreference.com>
To: www-html@atomism.demon.co.uk
Cc: www-html@w3.org
Subject: Re: style sheets, dropped capitals and floatimg text

www-html@atomism.demon.co.uk wrote:
> 
> Hi
> 
> I'm trying to get this to work:
>  _______
> [__  __] HIS SEEMS to be very difficult
>    []    to achieve using style sheets.
>    []    I've tried floating text but
>    []    nothing seems to happen in both
>    []    MSIE 4 and Netscape 4.01. Does
> anyone know how to create a dropped
> capital at the start of a paragraph with
> the rest of the paragraph wrapping
> around it?

Most of the answers seem to revolve around the CSS spec and not what is
supported in the two most popular browsers today.

Both Microsoft and Netscape DO NOT support the P:first-letter
pseudo element. Both have stated it in their release notes.
For the time being, this work-around works in both browsers.

<STYLE TYPE="text/css">
    .bigGuy {
        float: left; 
        font: bold 36pt Arial ; 
        width: 1em;
    }
</STYLE>
</HEAD>
<BODY>
<SPAN CLASS=bigGuy>T</SPAN>his paragraph will have a big first letter...

WARNING! Although this snippet seems straightforward, it's not.
It must be used as a minimum as presented above. Additions may be made
but do not change the properties or the attribute order in the
declaration.

MSIE requires *width* or else will throw text off-screen (bug);
NS can do without.
NS requires *36pt* or other size to be placed before a font call.
eg. *font: bold 36pt;* will not work
    *font: 36pt bold;* will not work
    *font: Arial 36pt;* will not work
and, of course, no hope in hell for *font: 36pt; to work.
    *font: 36pt Arial;* WORKS!

who tested this thing anyway?

hope this helps

-- 

Peter Belesis            Dynamic HTML Lab
peter@webreference.com   http://www.webreference.com/dhtml