Web Developer .8 for Firefox "Edit CSS" Problem

[pinch]

When using the "Edit CSS" option of the Web Developer toolbar for Firefox, all of the images on the page I'm currrently viewing disappear. Is this normal?

[remline]

Web Developer version 0.9.2 is out now. You may want to try that and see if it fixes the problem. Download it from this site.

[chrispederick]

Yeah, there were a lot of bug fixes in Web Developer 0.9.x around the CSS functionality. Also see this forum topic about known issues with the handling of certain URL formats in the CSS:

http://www.chrispederick.com/forums/vie ... d=344#p344

[pinch]

Cool, thanks for the info guys.

[pinch]

For those interested:

There seems to be another bug in the Edit CSS feature. When I turn it on, all background images in the page are disabled. Checking "disable images" and then unchecking it does not fool it into turning the images back on. It is only background images that disappear.

See this page for an example:
http://www.londonconnects.gov.uk/e-gove … people.cfm

I'm using Firefox 0.9 on WinXP and using version 0.8 of the Web Developer bar.

This is because the stylesheets use relative paths such as this:

background: url(../../img/icon_aemail.gif) no-repeat 100% 50%;

And this becomes relative to the page rather than the CSS file when editing the CSS. I'm looking into a way to fix this, but I'm not there is an easy way short of parsing the entire style sheet for URLs and modifying them.

The best idea is to always use full paths such as:

background: url(/img/icon_aemail.gif) no-repeat 100% 50%;

[oneworld95]

The issue persists in Version 1.1.8, but it's a minor one. Once I gave a path relative to the site root, the issue went away. I love this plugin

[LoudNoise]

You are replying to an elderly thread (2005). Locking.