Diagnostic CSS snippet

I have a snippet of a few CSS rules that I insert in a page as a diagnostic
tool
It places borders around specified tags.
However I have been unable to get it to display borders on table rows.
Is there any way of doing this.
Has anyone got a favorite diagnostic snippet?

Here is the snippet, which I activate by removing the leading /

/*
* {
border: 1px solid red;
}
table {
border: 3px solid green;
}
*/

Brian Tozer

On Wed, 23 Jun 2004 15:38:32 +1200, KiwiBrian <briantoz (AT) ihug (DOT) co.nz> wrote:

I have a snippet of a few CSS rules that I insert in a page as a
diagnostic
tool
It places borders around specified tags.
However I have been unable to get it to display borders on table rows.
Is there any way of doing this.

Er... tr {border:1px red dotted}?

On Wed, 23 Jun 2004 16:28:43 +1200, KiwiBrian <briantoz (AT) ihug (DOT) co.nz> wrote:

"Neal" wrote
KiwiBrian wrote:

I have a snippet of a few CSS rules that I insert in a page as a
diagnostic
tool
It places borders around specified tags.
However I have been unable to get it to display borders on table rows.
Is there any way of doing this.

Er... tr {border:1px red dotted}?

Not in IE6 in XP Pro in a PC.
Just tried the following, with narry a row border in sight.

Perhaps it is overlaooed by the other borders. Try just the tr rule, with
no others.

KiwiBrian wrote:

Has anyone got a favorite diagnostic snippet?

Not as such, but Firefox's Developer Toolbar allows you to outline
arbitrary elements, all block level elements, tables, or whatever . . .

Couldn't live without it now

P

"KiwiBrian" <briantoz (AT) ihug (DOT) co.nz> wrote:

I have a snippet of a few CSS rules that I insert in a page as a diagnostic
tool
It places borders around specified tags.
However I have been unable to get it to display borders on table rows.
Is there any way of doing this.

Add "border-collapse: collapse;" - TR doesn't take borders when
border-collapse is "separate", "apart" or whatever the default is
called.

Has anyone got a favorite diagnostic snippet?

h1, h2, h3, h4, h5, h6 {
text-decoration: blink
}
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
text-decoration: none
}

--
"You have to reverse the polarity, of course."

Has anyone got a favorite diagnostic snippet?

Yes. The Web Developers Toolbar by Chris Pederick.
http://www.chrispederick.com/work/firefox/webdeveloper/