On 8/5/10 8:13 AM, johnharvard wrote:
Hi All,
I'm trying to do some resizing and rearranging of the elements on my
site and experiencing a little frustration at managing the complexity
of all of the divs that need changing.
My idea is to use firebug to tweak the settings so I can clearly see
an outline around all of the divs so I can see where they start, end,
how big they are, etc. That way I'll be able to see what needs
changing and what is causing problems.
Any ideas on how to do this or suggestions on a different approach?
Thanks
In the CSS tab you can edit the CSS, so you can add a rule like:
div { border: 1px red solid; }
(or add a border property to an existing div rule), which will outline
all divs in a 1pixel thick solid red border.
However, a better approach might be to install the Firefinder extension.
Firefinder lets you type in XPath (or CSS) expressions and outlines the
results in a red dashed border, so //div will outline all divs,
//d...@id=bleck] will outline the div with id bleck, etc. XPath is
pretty powerful so you can be pretty selective about which elements are
outlined. Firefinder also lists all the matching elements, and hovering
one highlights it on the page, and there's an Inspect link, which takes
you to the HTML tab with the element selected. All in all a very useful
extension (no, I didn't write it, just a fan :-) ).
Brian
--
You received this message because you are subscribed to the Google Groups
"Firebug" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/firebug?hl=en.
