CSS Reports Task Pane

Article ID: KB101760

The CSS Reports task pane allows you to create either an error report about the CSS used in a web site, or a report showing where the different CSS rules are defined and used.

To open the CSS Reports task pane, go to Task Panes > CSS Reports.

Click the green arrow to create a report. This will open the CSS Reports dialog box, which has two tabs -- Errors and Usage.

CSS Reports dialog box

Creating a CSS Errors Report

Select whether you want to check all pages, open pages, selected pages (if you have pages selected in the Folder List) or the current page. You can then choose what you want to show in the report.

The report will list the errors so that you can pinpoint and address them. Double-clicking on an error will open the page and bring you to the place in the code that has the error.

Generated CSS error report

Creating a CSS Usage Report

Creating a CSS usage report can be very helpful if you want to see how styles are used in a web site.

Select the Usage tab.

Usage tab selected

Selecting the page options allow you to check how various CSS rules have been applied in those pages. What is also very useful is to open the stylesheet (.css) file itself, double-click on a selector name, and then choose the Current style option in the Usage dialog box. This will allow you to find all the places in the web site where that specific style has been applied.

For example, I've selected the blockquote selector in my stylesheet code below. In the CSS Reports Usage tab, I can then choose "Current style" and click Check.

Creating a report on the blockquote selector

This creates a CSS usage report showing that the blockquote element is only used once in my entire web site, in the template.htm file.

Generated CSS usage report

---

Was this helpful?

Please rate this article:

Not helpful			Very helpful
1	2	3	4	5	6	7

Email address: (not required)

(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. You're email address is NOT REQUIRED to submit a comment.)

Comments: (How can we improve this article?)


Clicking "Submit" will not clear this page.

---

link to this page: http://www.pixelmill.com/support/al1135/kb101760.htm
permalink to this article: http://www.pixelmill.com/support/kb101760.htm

Back to top