rocknbil - 4:16 pm on Oct 20, 2011 (gmt 0)
I think it's free now, and BTW will forever hold a grudge against Adobe for killing it in favor of their point and drool solution (DW.) Try download.com, I see one there.
For example, if a table is being displayed wider than it should be, how do you find out for sure which cell or combination of cells, and what particular elements within the cell, and/or what CSS attributes (margin, padding, border-width etc.) of the cell are forcing the table to be wider than it otherwise should be?
It takes some getting used to. When you inspect you should see an "html view" in the lower left. If you hover over over the elements there, they should highlight in the browser window above. Padding is in purple, margin in yellow. If is sometimes confusing on elements that have no height (can't see them.)
Something not mentioned - validation should really be the first step before debugging a table. One of the things you'll love about HomeSite is it has internal XHTML and HTML validators, to 4.01 and XHTML (dig around in Options to set them.) You can validate before uploading or validate just chunks of code. (Which reminds me, I need to contract someone to write a DLL to validate against HTML5!)
A direct "click" in the HTML window on a given element will switch the focus of the inspection to that element and you'll see all the selectors affecting it in the pane on the lower right.