Firebug 1.2.0b3 for FF3 CSS editing

[tdeluca]

when trying to edit or add css in the right pane, any style that is
added to the original style sheet disappears as soon as it is clicked
off of, this happens on any site and any css style.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Firebug" group.
To post to this group, send email to firebug@...
To unsubscribe from this group, send email to firebug-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/firebug?hl=en
-~----------~----~----~----~------~----~------~--~---

[Jon-156]

I have this same problem, although it doesn't happen with every CSS
rule. I found another similar problem in this thread:
http://groups.google.com/group/firebug/browse_thread/thread/4e4645085e386cc0/
from a couple years ago.

"When I select an element in the HTML tree view and edit some rule in
the style pane on the right it's almost never actually applied. And as
soon as I click outside the Style pane (into the page for example),
the rule I just edited completely disappears from it.

I can't seem to narrow it down to any particular cause, but I know
that it has not always been like this. I used to do most of my CSS
editing in Firebug because of the live preview. But lately I have had
to switch back and forth a lot more between Firefox and my editor
because of this problem. Editing certain values just doesn't work, and
then they disappear altogether until I refresh.

I have tried disabling all other extensions, but I still see the
problem. Using Firefox 3.0.1 and Firebug 1.2.0b7.


On Jun 20, 2:23 pm, tdeluca <tdel...@...> wrote:
> when trying to edit or add css in the right pane, any style that is
> added to the original style sheetdisappearsas soon as it is clicked
> off of, this happens on any site and any css style.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Firebug" group.
To post to this group, send email to firebug@...
To unsubscribe from this group, send email to firebug-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/firebug?hl=en
-~----------~----~----~----~------~----~------~--~---

[Jon-156]

Well I found out what was causing my problem. I'm not sure WHY this
was happening, but I was able to fix it.

I have separate screen and print style sheets. But my print CSS only
overrides certain aspects of the screen CSS. I was doing this in the
document head to link to the different files:

        <link rel="stylesheet" type="text/css" media="screen" href="/styles/
main.css" />
        <link rel="stylesheet" type="text/css" media="print" href="/styles/
print.css" />

Then in print.css I put @import url("/styles/main.css"); at the very
top followed by all of the printer specific overrides to import the
main CSS at the time the document was printed.

As far as I can tell, i was doing everything correctly, and everything
was working as expected in all browsers I checked. But I noticed in
the CSS tab of Firebug that main.css was listed twice. It was
apparently being seen by Firebug via the @import rule in the print
style sheet. And somehow the existence of that style sheet twice was
causing weird things to happen when editing the CSS via Firebug.

My solution was to just remove the @import rule from print.css. I
changed the CSS links in the document head like this:

        <link rel="stylesheet" type="text/css" media="screen, print" href="/
styles/main.css" />
        <link rel="stylesheet" type="text/css" media="print" href="/styles/
print.css" />

I just added the print media type to the main.css link. Everything
still seems to work as expected, but now Firebug is back to normal
too.

If anyone else is having this problem, I'd check the CSS tab in
Firebug and see if the CSS file you are trying to edit appears more
than once. If so, try to find out why. If you can do something about
it, your Firebug may just start working again too. I hope this helps
someone.

On Jul 28, 4:17 pm, Jon <jon.wil...@...> wrote:

> I have this same problem, although it doesn't happen with every CSS
> rule. I found another similar problem in this thread:http://groups.google.com/group/firebug/browse_thread/thread/4e4645085...
> from a couple years ago.
>
> "When I select an element in the HTML tree view and edit some rule in
> the style pane on the right it's almost never actually applied. And as
> soon as I click outside the Style pane (into the page for example),
> the rule I just edited completely disappears from it.
>
> I can't seem to narrow it down to any particular cause, but I know
> that it has not always been like this. I used to do most of my CSS
> editing in Firebug because of the live preview. But lately I have had
> to switch back and forth a lot more between Firefox and my editor
> because of this problem. Editing certain values just doesn't work, and
> then they disappear altogether until I refresh.
>
> I have tried disabling all other extensions, but I still see the
> problem. Using Firefox 3.0.1 and Firebug 1.2.0b7.
>
> On Jun 20, 2:23 pm, tdeluca <tdel...@...> wrote:
>
> > when trying to edit or add css in the right pane, any style that is
> > added to the original style sheetdisappearsas soon as it is clicked
> > off of, this happens on any site and any css style.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Firebug" group.
To post to this group, send email to firebug@...
To unsubscribe from this group, send email to firebug-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/firebug?hl=en
-~----------~----~----~----~------~----~------~--~---