Menu
When I am using Firebug in "inspect mode" and the mouse hovers over an html table element, the visible content of my table is highlighted in blue -- like all other elements I have looked at using Firefox. However, there is also an area immediately below the table (past the last row) that gets highlighted in yellow. Does anyone know what that corresponds to? I would like to style the table so that space is not taken up by the table.
Many thanks for any insight
lara
297
Inspect and edit HTML with FirebugRight click on the element which you want to inspect and click on the Inspect Element. Click on the Edit in the Firebug window now. Change the code to <h1>Components of Firebug</h1> . As soon as you change the code, you can see the effect live.
Remember how to open Inspect Element? Just right-click and click Inspect Inspect Element, or press Command+Option+i on your Mac or F12 on your PC. In the search field, you can type anything—ANYTHING—that you want to find on this web page, and it will appear in this pane.
It might be a cache issue. After opening Developer Tools(F12) in Chrome, refresh cache by pressing Ctrl + F5. Show activity on this post. There may be another panel open.
I didn't find any documentation anywhere, but for reference, I've found empirically:
| Margin | Yellow | | Border | Brown | | Padding | Violet | | Content | Light Blue | Also in the W3C box model, the width and height of an element gives the width of the content of the box, excluding margin, border and padding.
95
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
