O'Reilly logo

Web Design in a Nutshell by Jennifer Niederst

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Style Sheet Tips and Tricks

Style Sheet MIME Types

Some authors have reported trouble with gettting their ISPs to correctly serve up CSS files. Apparently, with some Web servers, .css is mapped to the MIME-type x-application/css, or “Continuous Slide Show,” instead of the MIME-type text/css. The style sheet gets mangled into something else. If you find you’re having this problem, you’ll need to contact your ISP and explain the problem. Because .css is now an IANA-registered MIME-type, service providers really have no excuse for not supporting it for style sheets. If they refuse to fix it and style sheets are a necessary part of your site, you may have to consider switching ISPs.

Creating a Drop Cap

Although a pseudo-element called :firstletter exists, it is not very well supported as of this writing. In the meantime, you can create a drop cap using a <span> to isolate the first letter of the paragraph.

The float property also has spotty support. The width property was added to the following example in order to get float to work with Internet Explorer (and it still doesn’t function properly on a Mac). Without the float property, the capital letter will stand taller than the rest of the line, which may still be an acceptable effect. Figure 23.9 shows a drop cap created with the following style sheet code.

<STYLE TYPE="text/css"> <!-- .dropcap { font: bold 200% sans-serif; color: teal; width: 24pt; float: left; } --> </STYLE> <P><SPAN CLASS="dropcap">F</SPAN> or those frustrated...</P> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required