User Name:
Password :  

2007-06-19 (12:42 am) : by ralfordStatistics for 'ralford'
Posts: 126
Comments: 6


When I recently upgraded to Firefox v2, I installed the Web Developer Toolbar, and have found it to be tremendously helpful for editing style sheets.

Under the CSS menu, there is a button called Edit CSS. When you select it, a sidebar opens with a copy of the active tab's style sheet
(f)The editor itself has a position button, which let's you choose if the side bar is on the left or right. You can also move it to the top or bottom of the browser.
. The sidebar is essentially a text editor, with built in open, save, and search functions. You can add or remove code, and see how it will affect the webpage on the fly.

In combination with the CSS editor, I have also been using the Outline menu's Outline Block Level Elements option. When toggled, it throws a red outline around all block elements of the active webpage.

These two features together were incredibly useful when I was adding footnotes to the weblog. At one point, blocks on my page were aligned in such away that groups of links on my sidebar were "dead". When I outlined the block elements, the block to blame was given away when I saw it overlapping the sidebar.

Comments (0)      Post a Comment  




dfkj31sk342