Previous Message
Next Message

CSS-Debug tools?

Sent by miriam richardson on 14 December 2004 07:07


I use Firefox and the Web Developer extension.
This brings up the style sheet/s in a lefthand panel (inlduing inline stlyes)
You can type changes into the style sheet, add new styles, modify any
which way and see them immediately reflected in web page in the main
part of the screen.

EG., Today I discovered that a document-based style was not overriding
my main style sheet - but when I changed .side to div.side the styles
were applied.

To see if a style I expect to be acting on text is in fact doing so, I
change the colour of the text to red, or add a border; if it is not,
then I can wander through my stylesheet adding something odd like red
text until I find which style is in fact in control, and can then
puzzle out why.

These changes do not modify the actual style sheet on the server -
simply in the browser, so having tried out solutions  in the Firefox
web developer I then go back to my stylesheet and make the real
changes.

The day before I discovered that I was making my changes in  an old
verison of tehs tylesheet not the new one -- when I looked at the
style sheet the browser was loading it was immediately apparent that
my new text wasn't there, so I could go find out why.
So many ways to get it wrong!

Cheers
Miriam




On Mon, 15 Nov 2004 08:48:41 -0800, Pete Eakle [EMAIL-REMOVED]> wrote:
> Often I set something in my style sheet, and then see that it hasn't worked,
> and sometimes the page hasn't changed at all.  I'd love to have a CSS expert
> next to me to explain why it didn't work -- I'd learn much quicker that way.
> But I'm dreaming.  Are there any tools out there that I can use to help me
> figure out why my CSS is behaving the way it is, or why certain properties
> or rules are apparently being ignored?
>
> Thanks.
>
>             -Pete
>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: