Quote:
|
I'm familiar with firebug but other then mousing over divs to see which each div does and then referring to the templates what can I use firebug for?
|
Firebug tells you where the css can be found - either the css file or inline in the template - you never have to waste time searching around, it provides the exact location information.
You can make css and html edits on-the-fly in real time, in the browser window. You can experiment with different css and html settings without committing them to your server. Then, when you are happy with the changes, you can update your files.This saves lots of time.
Firebug clearly shows you what css is being applied to a particular element. Since css cascades, styles can be redefined by settings later in the cascade. Firebug shows you all the settings that have been applied to a particular element. It crosses out styles that have been overcome by another setting. This is very helpful in debugging complex css.
Look around in Firefox - click on the Layout and DOM tabs and see all the information they provide - this comes in handy when you are debugging.
(It is also a powerful javascript debugger if you ever need it.)