Skip to main content

By clicking Submit, you agree to the developerWorks terms of use.

The first time you sign into developerWorks, a profile is created for you. Select information in your developerWorks profile is displayed to the public, but you may edit the information at any time. Your first name, last name (unless you choose to hide them), and display name will accompany the content that you post.

All information submitted is secure.

  • Close [x]

The first time you sign in to developerWorks, a profile is created for you, so you need to choose a display name. Your display name accompanies the content you post on developerworks.

Please choose a display name between 3-31 characters. Your display name must be unique in the developerWorks community and should not be your email address for privacy reasons.

By clicking Submit, you agree to the developerWorks terms of use.

All information submitted is secure.

  • Close [x]

Select a language:

  • Close [x]
  • Close [x]

Display XML with Cascading Stylesheets, Part 2: Use Cascading Stylesheets to display XML

Advanced techniques to present XML in Web browsers

Uche Ogbuji (uche.ogbuji@fourthought.com), Principal consultant, Fourthought Inc.
Uche Ogbuji is a consultant and co-founder of Fourthought Inc., a software vendor and consultancy specializing in XML solutions for enterprise knowledge management. Fourthought develops 4Suite, an open source platform for XML, RDF, and knowledge-management applications. Mr. Ogbuji is also a lead developer of the Versa RDF query language. He is a computer engineer and writer born in Nigeria, living and working in Boulder, Colorado, USA. You can contact Mr. Ogbuji at uche.ogbuji@fourthought.com.

Summary:  In a previous tutorial, Uche Ogbuji showed how to use Cascading Stylesheets (CSS) to display XML in browsers, presenting basic techniques. However, as you get familiar with CSS, you'll find numerous tricks, traps, and nuances. This tutorial builds on the basics in the earlier one to cover intermediate and advanced topics like differences in compliance and rendering details across browsers, handling of different media such as aural (speech) and print, and interaction with other browser and XML technologies such as XSLT and JavaScript.

View more content in this series

Date:  25 Feb 2005
Level:  Introductory
PDF:  A4 and Letter (229 KB)Get Adobe® Reader®

Activity:  7906 views
Comments:  

Wrap up

Summary

In this tutorial, you learned many techniques for using CSS to style XML. These included:

  • More sophisticated element selection based on attributes, including selection by language code attributes
  • Selection based on DTD IDs, or using the forthcoming xml:id specification
  • Controlling CSS modules based on the media used for document rendering
  • Selective loading of CSS from the XML document based on media and user preference
  • Techniques for rendering links from XML documents, including CSS extensions, XLink, and JavaScript/DOM manipulation
  • Advanced users -- Using JavaScript and DOM to manipulate CSS in elements from XML source documents, including useful tools and tricks to help with this
  • Use of CSS in SVG and XForms
  • How to choose between CSS and XSL-FO for rendering to print media

This wide field of topics merely scratches the surface of what you can achieve with XML and CSS using today's technology, and technology soon to come. This is just the beginning, and I strongly encourage you to push the boundaries through lots of practice and experimentation, using the example code I presented as a base.

6 of 9 | Previous | Next

Comments

Back to top

Close [x]

Help: Update or add to My dW interests

What's this?

This little timesaver lets you update your My developerWorks profile with just one click! The general subject of this content (AIX and UNIX, Information Management, Lotus, Rational, Tivoli, WebSphere, Java, Linux, Open source, SOA and Web services, Web development, or XML) will be added to the interests section of your profile, if it's not there already. You only need to be logged in to My developerWorks.

And what's the point of adding your interests to your profile? That's how you find other users with the same interests as yours, and see what they're reading and contributing to the community. Your interests also help us recommend relevant developerWorks content to you.

View your My developerWorks profile

Return from help

Close [x]

Help: Remove from My dW interests

What's this?

Removing this interest does not alter your profile, but rather removes this piece of content from a list of all content for which you've indicated interest. In a future enhancement to My developerWorks, you'll be able to see a record of that content.

View your My developerWorks profile

Return from help

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=XML
ArticleID=138497
TutorialTitle=Display XML with Cascading Stylesheets, Part 2: Use Cascading Stylesheets to display XML
publish-date=02252005
author1-email=uche.ogbuji@fourthought.com
author1-email-cc=dwxed@us.ibm.com

Table of contents

6 of 9 | Previous | Next

Local resources

Tags

Help
Use the search field to find all types of content in My developerWorks with that tag.

Use the slider bar to see more or fewer tags.

Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere).

My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

Use the search field to find all types of content in My developerWorks with that tag. Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere). My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

 

Dig deeper into XML on developerWorks

Try IBM PureSystems. No charge.

IBM PureSystems on a kaleideoscope background

Experience today!

Get started with the cloud-based trial and pattern development kit.

Share this page:

  • Close [x]

Follow developerWorks:

  • Close [x]