CODEWITHSUNDEEP
firefoxfirebug
caramba
caramba

Reputation: 22480

Code is highlighted differently in firebug

if anyone could point me to the right direction or tell me what's wrong.

I googeld for a while but could not find any "firebug highlight options" or anything like that. The problem is: I would like firebug to highlight when I hover something with this blue and yellow color like picture bellow. (got the picture from the web)

This is how I would like it

Thats how it is looking at work, but now I'm at home and here it highlights only a border. See next pic.

This is how it is and I don't like it

It is FireFox 23.0.1

Thanks for help.

Upvotes: 0

Views: 183

Answers (2)

Simon Lindholm
Simon Lindholm

Reputation: 2376

Make sure the "Shade Box Model" HTML panel option is checked. Shade Box Model option

Upvotes: 1

Spudley
Spudley

Reputation: 168685

The yellow is for the margin. If you don't have any margins, then you won't get the yellow bit.

As for the difference between the blue bit, you'll get the border effect from your second screenshot if you use the "inspect" button and then move the mouse around the page. You'll get the fully shaded blue effect if you use firebug's DOM tree to select the elements.

That's just kinda the way it works.

Upvotes: 0

Related Questions