CSS3 Will Include Rounded Corners

With Web 2.0, rounded corners have become wildly popular. Unfortunately, as of right now, you need to use transparent images, some fancy CSS hacks and some extraneous HTML to make them work properly.

However, Mozilla (Firefox) and Webkit (Safari, Konqueror) browsers have implemented a property called border-radius, which will apparently be included in the CSS3 spec, allowing you to easily create rounded corners on any bordered HTML element.

At this time, you have to use browser-specific properties for Mozilla and Webkit browsers, as the border-radius property is not yet fully implemented. You can find more information about the -moz-border-radius and -webkit-border-radius implementations on The Art of Web. More info about the proposed CSS3 spec on border-radius can be found on the W3 site.

Internet Explorer and “Quirks Mode”

A few years ago, someone at Microsoft had a brilliant idea to create something called “Quirks Mode” for Internet Explorer. The reasoning behind it is still a bit beyond me, but apparently it has to do with trying to make the browser render old Web sites the way they were initially intended to look. Basically, “quirks mode” turns all versions of IE into IE 4 (as it essentially attempts to render the page the way it would have been rendered with IE 4, ignoring quite a bit of CSS and XHTML).

Creating Print Style Sheets

As CSS becomes more and more popular and Web designers are using it more and more to develop the look of their Web sites, browsers are causing more and more problems when trying to print Web pages. CSS styles do not always translate nicely when printed. Some browsers actually freeze or crash when using specific CSS style definitions.

Identifying External Links – Like Wikipedia

Wikipedia - External Link Identification

I found myself wondering a while back how Wikipedia identifies external links the way they do. I’ve seen the same concept on many other sites, but I had never really looked into how it was done. I always just assumed that an image was dynamically added to any code that included external links.

It turns out that I was wrong, and I was kind of happy to find that out. The answer I found makes much more sense, and is much more simple to implement.

Common CSS Issue Resolution

NetTuts has a good look into 5 common css issues and how to resolve them easily and quickly. The five css issues are:

  • Why are my styles not effective?
  • The difference between relative and absolute positioning
  • Internet Explorer 6 double margin issue
  • Specific selector issues
  • Testing your site in multiple browsers

As always, if you run into trouble, post your questions in our CSS help forum.

A Simple Introduction to CSS

First of all, to dispel any misinformation that is apparently still going around on the Internet (and, I, too, once believed this when I was first introduced to CSS), CSS is not capable of inserting content into your pages. CSS cannot be used to create headers and/or footers to be used on every page of your site.

For those of you looking for ways to use the same menu on every page of your site, and keep that menu in a single location so that it’s easy to update, CSS won’t do that for you. That’s what server side includes are for, actually. Server side includes can be used with pure HTML (provided that includes are enabled on your server), with PHP, Perl, ASP or basically any other server-side language.

In fact, CSS does almost the opposite. CSS is intended to separate the content from the design within a Web site. CSS is strictly intended to facilitate the “look” of the pages on your Web site. No content is interpreted from CSS.

Now, for the quick lesson on how CSS works.

First of all, we should examine the name. CSS is an abbreviation of the phrase “cascading style sheets”. Let’s pick that apart for a moment.

Cascading
items that overlap, with each new item taking precedence over the previous
Style
refers to the particular look or appearance of a specific item
Sheet
figuratively, this is intended to refer to a collection of items gathered together in a single location, like a sheet of music
Pages: