DevEdge CSS Central News

Using the :target selector

Eric Meyer — 30 Jun 2003 00:00:00 GMT

When a URL points at a specific piece of a document, it can be difficult to ascertain. Fnd out how you can use some simple CSS to draw attention to the target of a URL and improve the user's experience.

Revealing Accesskey Information

Stuart Robertson — 20 Jun 2003 00:00:00 GMT

Accesskeys can make a Web page much more usable, but they're usually so thoroughly hidden that nobody knows they're available, let alone what they are. Contributor Stuart Robinson shows how generated content can be used to make accesskey information visible, and therefore useful as well as usable.

The Search for the Missing Link

Stuart Robertson — 30 May 2003 00:00:00 GMT

Sometimes, a Web design can make links look so much like regular text that it's hard to see a difference between the two. Contributor Stuart Robertson shows how to take advantage of CSS hover styles to make the links stand out.

Styling the Amazing Netscape Fish Cam Page

Eric Meyer — 25 Apr 2003 00:00:00 GMT

A classic reborn! The Amazing Netscape Fish Cam Page has been restructured and restyled for the new millenium, ditching tables for strong and accessible markup. Take a cruise through one aspect of the redesign with master styler Eric Meyer.

CSS Support Charts

Eric A. Meyer — 11 Apr 2003 00:00:00 GMT

If you're looking for information on browser support for Cascading Style Sheets, then look no further! Netscape DevEdge is proud to republish Eric Meyer's classic CSS1 and CSS2 support charts.

Issues Arising From Arbitrary-Element Hover

Eric A. Meyer — 21 Mar 2003 00:00:00 GMT

Thanks to long-standing limitations, we're used to thinking of hover styles as applying only to hyperlinks, which has led to some sloppy authoring practices that are now causing problems for some Web sites. This technote explains the source of the problems and how to avoid encountering them.

Netscape DevEdge Redesigns As Standards Showcase

Eric Meyer, Susie Wyshak — 11 Feb 2003 00:00:00 GMT

Netscape DevEdge now showcases efficient, accessible cross-browser design. A tableless, CSS-driven design lets the visitor choose their preferred theme and incorporates a host of other improvements. Learn more in this look at some key features.

Netscape DevEdge Redesign: CSS

Eric Meyer — 11 Feb 2003 00:00:00 GMT

A look at the CSS that drives the newly redesigned DevEdge, including some of the workarounds necessary for supporting browsers that don't have sufficiently advanced CSS implementations.

Correctly Using Titles With External Stylesheets

Eric A. Meyer — 30 Dec 2002 00:00:00 GMT

Improper use of the title attribute can cause external stylesheets to be ignored by browsers. Find out how this can happen and how to avoid it in your documents.

Fixing Table Inheritance in Quirks Mode

Eric A. Meyer — 26 Nov 2002 00:00:00 GMT

When in quirks mode, Gecko-based browsers will appear to ignore inheritance of font styles into tables from parent elements. Find out why this happens and how to fix it in documents that have to remain in quirks mode.

Gecko's "Almost Standards" Mode

Eric A. Meyer — 08 Nov 2002 00:00:00 GMT

As of Mozilla 1.0.1 and 1.1 beta, there is a new rendering mode referred to as "almost standards" mode. It contains only one change in behavior from "standards" mode, but for some designers it's an important difference. Find out more in this technote.

An Interview With Douglas Bowman of Wired News

Eric A. Meyer — 11 Oct 2002 00:00:00 GMT

On October 11, 2002, Wired News launched a major new redesign based on XHTML 1.0 and no tables. Find out how they did it, and what benefits and drawbacks this design entailed, in an in-depth interview with Douglas Bowman of Wired News.

Fixing Incorrectly Sized List Item Markers

Eric A. Meyer — 07 Mar 2003 00:00:00 GMT

An obscure bug in Gecko causes list-item markers to be differently sizeed than the text of the list item, but there is a fix authors can use. Learn how to correctly size list item markers in Gecko 0.9.4, the basis of Netscape 6.2.x and CompuServe 7.

Consistent List Indentation

Eric A. Meyer — 30 Aug 2002 00:00:00 GMT

Trying to change the indentation of lists with CSS is trickier than it looks, but only because CSS-conformant browsers took different paths to default indentation. Find out how to get them all in line.

Styling Abbreviations and Acronyms

Eric A. Meyer — 09 Aug 2002 00:00:00 GMT

The HTML elements abbr and acronym are useful accessibility aids, but their styling can come as a surprise to authors. See how you can take control of their presentation without sacrificing the benefits these elements provide.

Understanding Underlines

Eric A. Meyer — 05 Mar 2002 00:00:00 GMT

Understanding the CSS declaration text-decoration: underline; and how it is supposed to work according to the CSS standard can be tricky. Learn how to properly use text-decorations in CSS compliant browsers as well as other not so compliant browsers.

Giving 'cursor' a Hand

Eric A. Meyer — 30 Jan 2003 00:00:00 GMT

Netscape 6 and Mozilla support cursor quite nicely, but that's not true of some other browsers. Happily, there's a fix. Find out how to get a hand from multiple browsers when you use this property.

background-position Keyword Order

Eric A. Meyer — 04 Mar 2002 00:00:00 GMT

Learn about a work around for bug 124192 in Netscape 6.2/Mozilla 0.9.8 where keyword order in the CSS background-position property can affect Netscape 6.2/Mozilla.

Images, Tables, and Mysterious Gaps

Eric A. Meyer — 21 Mar 2003 00:00:00 GMT

Are your page designs suddenly plauged by mysterious gaps beneath images in Netscape 6+ and Mozilla? Do these gaps appear and disappear depending on your page's document type? We feel your frustration, but try to make up for it with a thorough explanation of why this happens, and give you ways to work around this surprising effect of Mozilla's CSS implementation.

Case Sensitivity in class and id Names

Eric A. Meyer — 05 Mar 2001 00:00:00 GMT

Although CSS is itself case-insensitive, class and ID names are defined to be case-sensitive in HTML 4.01. Find out how this wrinkle can affect your site design and best practices to avoid any problems.

Underscores in class and ID Names

Eric A. Meyer — 05 Mar 2001 00:00:00 GMT

The use of the underscore character in CSS can lead to major display problems in multiple browsers. Learn why this is so, and how to keep your sites from being bitten by this problem.