understand firebug

understand firebug

Do this first on your own. If i have to figure it out again I will post the notes here.

or a similar program in ie.

when installed it will sit in the bottom right corner

click on this bug to open up a window in firefox in the bottom half of the screen.

You can use the html tab in it to see your hierarchical html and its nodes like div.

If you click on on any html div you will see its style shown in the right hand side.

If your div borrows style from any parent divs or elements or styles you will see how this div inherited its styles.

You can then on the right hand side change the styles by adding new attributes such as background, width etc to dynamically see what happens if you see it

more importantly you can see the structure of tags and elements and divs that Drupal inserts.

you will see the filenames on the right hand side window.

this means no one has defined styles for this element so far.

on left top you will find a firebug icon to enter this mode. In this mode if you move your mouse around on the top html screen firebug will locate the corresponding div below.

how can I make drupal not show basic page title?

Search for: how can I make drupal not show basic page title?

There is some discussion here

Not satisfactory. Ought to be simpler than this...

node.tpl.php $page flag

Search for: node.tpl.php $page flag

documentation on this tempalte node.tpl.php in 7

what is $page flag in drupal

Search for: what is $page flag in drupal

theming nodes by content type