Posted by Ben Gun on 02/13/07 09:17

On Tue, 13 Feb 2007 08:09:42 +0200, "Jukka K. Korpela"
<jkorpela@cs.tut.fi> wrote:

Thank you for your replies.

>Scripsit Beauregard T. Shagnasty:
>
>> He said "small caps", not "all caps'. <g>
>
>The Subject line _only_ says "small caps", but that's apparently misleading.
>It seems to me that the OP has text like "THE BENGAL TIGER" and he wants it
>to be displayed as "The Bengal Tiger" using small-caps style (i.e. with
>lowercase letters like "a" rendered using shapes similar to the
>corresponding uppercase letter though smaller).
Yes, that is my problem. The text is already in all-caps, but I want
small-caps. Here is why. The text has been scanned in from a book
where it is small-caps, and the OCR software makes it all-caps. Now, I
would like to display it similar to what it is in the book, i.e.
small-caps. Looks like I can't even convey my problem.

For me it is not so much about all-caps or small-caps, it is more a
question of how to treat the first letter of a word different from the
rest, like with the first-letter pseudothingy, but that only works on
block-level.

e.g.
THE BENGAL TIGER

what I can do is
T<small><small>HE</small></small> B<small><small>ENGAL</small></small>
T<small><small>IGER</small></small>

that looks ok, but the HTML can't be read easily. it would be better
to use style sheets

T<span>HE</span> B<span>ENGAL</span> T<span>IGER</span>

and define the font-size of SPAN to be small or x-small. But I'd
rather tag the whole word (for readability), as in

<div>THE</div> <div>BENGAL</div> <div>TIGER</div>

css:
div{text-transform:lowercase}
div:first-letter{text-transform:capitalize}
or even
div:first-letter{text-transform:uppercase}


That works great, and I would be happy with this, as I usually have
separate words anyway, if it weren't for the line breaks.

Looks like there is no easy way of doing it. At least I know I have
tried and asked you opinion. Thanks again, Ben

[Back to original message]