Jump to content

Archived

This topic is now archived and is closed to further replies.

crmamx

Firebug

Recommended Posts

I am trying to learn how to use Firebug and have viewed several tutorials. My first problem is my Firebug screens are not the same as theirs.

 

Their screen shot menu shows:

 

1st row:    inspect  edit

2nd row:  Console  Html  CSS Script  DOM Net

 

My screen does not show the 1st row with the inspect icon and that is one of the first things the tutorials discuss?

 

I have tried the various settings and options but can't find it.

 

Any ideas?

Share this post


Link to post
Share on other sites

Never heard of this problem before.  I would just re-install and see if that fixes it.

Share this post


Link to post
Share on other sites

In my version, it seems the inspect icon is the one that looks like a cursor arrow pointing to a rectangle, and Edit is on the second line, below it.

 

[attachment deleted by admin]

Share this post


Link to post
Share on other sites

In my version, it seems the inspect icon is the one that looks like a cursor arrow pointing to a rectangle, and Edit is on the second line, below it.

Mine is the same as you Pika.  crmamx could you post a screen shot?

Share this post


Link to post
Share on other sites

Maq: Mine is the same as you Pika.  crmamx could you post a screen shot?

 

I would be happy to if I knew how.

Share this post


Link to post
Share on other sites

Reinstalling Firebug. In the process I find 808 web developer add on's for Firefox including a couple for Firebug. Could you recommend any that would help a novice like me?

Share this post


Link to post
Share on other sites

Installed Firebug version 1.6.2 and appears to be the same as before. Going to install one of the "screenshot" add on's. Hope that is what I need to post pic of screen.

Share this post


Link to post
Share on other sites

I suspect the tutorials may be old because my Firebug menu is the same as the screen shot pikachu posted. Now if I can figure out how to "inspect."

Share this post


Link to post
Share on other sites

I get an Inspect Element option if I right-click the element (using Mac OS).

Share this post


Link to post
Share on other sites

yep right click inspect element should trigger a pop up.

Also most of those tutorials they use a Mac, (blue rounded buttons)

 

here is a tutorial (guide) for windows xp. Pretty basic but you probbaly only will use it for css. http://www.aspfree.com/c/a/BrainDump/Using-Firebug-in-Windows-XP-Home/

 

And otherwise use a new version of google chrove it has a similar (right click: inspect element) tool

Share this post


Link to post
Share on other sites
a new version of google chrove

Is that a new browser? :P

Share this post


Link to post
Share on other sites

How do you find all those good tutorials. I googled firebug several different ways but never saw the one you posted. Same has happened before on several other topics.

 

I have read a couple of posts where people ask for tutorial recommendations and a lot of the "help" doesn't want to do it. On the other hand I have seen w3schools recommended several times and yet:

 

http://w3fools.com/

 

I am going to start a new topic... :confused:

Share this post


Link to post
Share on other sites

How do you find all those good tutorials. I googled firebug several different ways but never saw the one you posted. Same has happened before on several other topics.

http://w3fools.com/

 

I am going to start a new topic... :confused:

 

I don't know why crmamx but i do know my father is named Obi wan Kenobi ::)

 

Never seen w3fools.com looks pretty okay. Anyway good luck on firebug, it's a really easy to use program. (right-click inspect element)

 

a new version of google chrove

Is that a new browser? :P

 

::) oops did i just leak vital info :)

Share this post


Link to post
Share on other sites

Ok, that's better. We are making progress.

 

When you right click and then click "inspect element" the markup is displayed in a box to the left and the css in a box to the right.

 

On mine, the markup is displayed all the way across the screen and the css is displayed below it. This is a lot harder to read than what your video is showing with the markup and css side by side.

Share this post


Link to post
Share on other sites

I found it. The vertical  panes option. Much better as I can read it.

 

Now we are trucking!..

Share this post


Link to post
Share on other sites

I found it. The vertical  panes option. Much better as I can read it.

 

Now we are trucking!..

Yeah, having the layout like that is much better ;)  Surprised it wasn't doing that by default.

Share this post


Link to post
Share on other sites

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.