Welcome to WebmasterWorld Guest from 220.127.116.11
Forum Moderators: not2easy
to add a drop cap to the first letter of paragraphs of class "abstract". This works beautifully in IE6. In Mozilla 1.1 and Opera 6 the drop cap still renders but with an ugly gap at the top and bottom. The client is using Mozilla...
Is it possible to fix this so it looks reasonably professional in all modern browsers? I've tried various margin and padding settings but to no avail.
While on the subject, I've also stumbled across a fairly dire Opera css bug with small-caps. When rendering the page Opera v6 appears to put line breaks mid-word, after the proper cap. For example, if you have a title "Something Else" in small-caps, Opera may render it like this:
This appears to happen in all v6 Opera browsers up to 6.05. Opera 5 renders it ok.
When rendering the page Opera v6 appears to put line breaks mid-word, after the proper cap
It renders okay for me on those browsers, but like everything else here, mileage will vary.
What is the phrase wrapped in? You could try and specify the width propery of the element.
Or as pageoneresults mentioned, use display inline if the element is marked as block.
Likesay, appears to be problem in Opera 6. I've submitted a bug report.
Do you think this is a show stopper? Should I remove the small-caps so that Opera 6 users don't get the problem?
The site as a whole is pretty lite, graphics wise, and I wanted to use some presentation tricks to jazz it up a bit. And the design fits the theme of the site really well, so I'm fairly reluctant to remove it. :(
On the otherhand, you could just type everything uppercase and use <span> tags for the first-letter of each word.
The site is over 100,000 pages driven from xml so I can't really use span's for individual letter formatting in title case/small caps. Plus AIUI small-caps as a style renders in a "small caps face" in fonts that support it, which is not the same as putting the text all in caps with some different sizes. Plus it's kinda messy ;)
I've turned off the drop cap, kept the small-caps - it's a great effect for an "old site", and older browsers just render it in title case or as all caps. Any Opera 6 users who complain will be told to upgrade/downgrade to a less buggy browser ;)