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
Authors and Contributors:
Was this helpful?
Please rate this article:
Email address: (not required)
(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. Your 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:
permalink to this article:
Back to top