crmamx Posted March 11, 2011 Share Posted March 11, 2011 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? Link to comment https://forums.phpfreaks.com/topic/230375-firebug/ Share on other sites More sharing options...
Maq Posted March 11, 2011 Share Posted March 11, 2011 Never heard of this problem before. I would just re-install and see if that fixes it. Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1186397 Share on other sites More sharing options...
Pikachu2000 Posted March 11, 2011 Share Posted March 11, 2011 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] Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1186398 Share on other sites More sharing options...
Maq Posted March 11, 2011 Share Posted March 11, 2011 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? Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1186401 Share on other sites More sharing options...
crmamx Posted March 12, 2011 Author Share Posted March 12, 2011 Maq: Mine is the same as you Pika. crmamx could you post a screen shot? I would be happy to if I knew how. Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1186576 Share on other sites More sharing options...
crmamx Posted March 12, 2011 Author Share Posted March 12, 2011 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? Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1186578 Share on other sites More sharing options...
crmamx Posted March 12, 2011 Author Share Posted March 12, 2011 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. Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1186580 Share on other sites More sharing options...
crmamx Posted March 13, 2011 Author Share Posted March 13, 2011 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." Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1186987 Share on other sites More sharing options...
Pikachu2000 Posted March 13, 2011 Share Posted March 13, 2011 I get an Inspect Element option if I right-click the element (using Mac OS). Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1186990 Share on other sites More sharing options...
cssfreakie Posted March 14, 2011 Share Posted March 14, 2011 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 Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1187340 Share on other sites More sharing options...
Maq Posted March 14, 2011 Share Posted March 14, 2011 a new version of google chrove Is that a new browser? Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1187425 Share on other sites More sharing options...
crmamx Posted March 14, 2011 Author Share Posted March 14, 2011 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... Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1187519 Share on other sites More sharing options...
cssfreakie Posted March 15, 2011 Share Posted March 15, 2011 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... 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? oops did i just leak vital info Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1187580 Share on other sites More sharing options...
cssfreakie Posted March 16, 2011 Share Posted March 16, 2011 firebug videotut is online have fun with it. Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1188195 Share on other sites More sharing options...
crmamx Posted March 18, 2011 Author Share Posted March 18, 2011 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. Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1189274 Share on other sites More sharing options...
crmamx Posted March 19, 2011 Author Share Posted March 19, 2011 I found it. The vertical panes option. Much better as I can read it. Now we are trucking!.. Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1189374 Share on other sites More sharing options...
Maq Posted March 21, 2011 Share Posted March 21, 2011 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. Link to comment https://forums.phpfreaks.com/topic/230375-firebug/#findComment-1190286 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.