URL: http://homepage.mac.com/chrispage/iblog/C42511381/E20060806095030/index.html
Great little debuging snippet found while browsing. The code adds different coloured borders to the assets depending on its level. Leave commented out if not needed.
Expand |
Embed | Plain Text
Comments
Subscribe to comments
You need to login to post a comment.
That's so clever - never would have thought of that. I love it.
1man, thank you.
Very nice! I threw some "important"s onto mine to make sure they show up.
5* thnks
this is very useful... thanks for the tip!
That's amazingly simple! The same great as simple!
Too much noise... Firefox + FireBug much better
*:hover { outline: 2px dotted red; } * *:hover { outline: 2px dotted green; } * * *:hover { outline: 2px dotted orange; } * * * *:hover { outline: 2px dotted blue; } * * * * *:hover { outline: 1px solid red; } * * * * * *:hover { outline: 1px solid green; } * * * * * * *:hover { outline: 1px solid orange; } * * * * * * * *:hover { outline: 1px solid blue; }
Cool!
Or just use Firebug?
Adding all those borders could potentially throw off your layout, especially where paddings/margins are used.
Oops, it's using outline - teaches me to read before posting :(