Comments on: If I Had a Dollar for Every ‘border:1px dashed red’

By: misterchris

misterchris — Wed, 19 Oct 2005 14:46:01 +0000

Whenever I introduce anyone to CSS that is one of the first tricks I teach ‘em.

By: DougB

DougB — Fri, 09 Sep 2005 05:09:57 +0000

Handy little program Alex, neat! Thanks a bunch…

DougB

By: polvero

polvero — Wed, 07 Sep 2005 21:55:06 +0000

thus…can we say that my comment wins?
eg.

background:red

By: MickoZ

MickoZ — Thu, 01 Sep 2005 02:25:20 +0000

I also often typed background-color: yellow, red, whetever fast to find out what was happening with html I had to debug. I mostly do the code, but I often have to either design part myself or help people who design good, but sometime need a little help doing it right with html. background-color is my friend to debug the visual. ;-)

By: DSMag

DSMag — Tue, 30 Aug 2005 14:49:55 +0000

I have to agree, it is a far better indicator to use a background color. With that said, this is a neat utility and could definately be used for similiar types of applications.

By: Pie

Pie — Tue, 30 Aug 2005 12:25:28 +0000

I use a 6px solid #f0f line (fuschia)… i use red in my designs but not fuschia.

By: rLektriq

rLektriq — Tue, 30 Aug 2005 09:12:08 +0000

Another tip -

If you are developing on Safari (and anything else that supports { outline }) – use that instead as, like { background-color }, it doesn’t mess with your layout.

By: roblewis100

roblewis100 — Tue, 30 Aug 2005 09:08:15 +0000

Looks like a very useful tool Alex, and as you say, the Web Developer Toolbar is oh so useful in Firefox, but things always need to be checked in IE too.

By: AlexW

AlexW — Tue, 30 Aug 2005 08:37:04 +0000

Of course, the issue is moot if you use Firefox with the Developer toolbar. It’s probably the greatest thing since bread.

No argument on the WDT, but it’s not much help to you when you’re chasing CSS weirdness in other browsers. Knowing where an element’s edges are in Firefox doesn’t tell you much about why it’s forcing scrollbars in Exploder.

By: Etnu

Etnu — Tue, 30 Aug 2005 07:24:58 +0000

Don’t use a border to find css problems. Use a background color instead. Borders add width, background colors do not.

Of course, the issue is moot if you use Firefox with the Developer toolbar. It’s probably the greatest thing since bread.