PDA

View Full Version : elements and containers


Elaine
Aug-01-2007, 09:28 AM
Is there a page somewhere that shows a sort of diagram of a Smug page, with all the elements and containers named and shown where they "live?"

Allen
Aug-01-2007, 09:32 AM
Is there a page somewhere that shows a sort of diagram of a Smug page, with all the elements and containers named and shown where they "live?"
Best way is use the Firefox WebDev extension and you can view any page in
real time. Make changes on the fly and watch what each does. All kinds of
toggles to view the page elements. Links in my siggy.

Elaine
Aug-01-2007, 09:49 AM
Best way is use the Firefox WebDev extension and you can view any page in
real time. Make changes on the fly and watch what each does. All kinds of
toggles to view the page elements. Links in my siggy.

Thanks, Allen! I'll look into it!

Iberios
Aug-01-2007, 02:05 PM
Thanks, Allen! I'll look into it!

Hi Elaine / Allen,

Kind of new to all this, so hopefully I'm not breaking a rule or something :)

Anyhow, I would highly recommend this plug-in for firefox: http://addons.mozilla.org/en-US/firefox/addon/655
Basically it generates a very nice color coded and indented source chart for your webpage. Very useful for seeing which elements are contained by what... This plug-in in combination with the webdeveloper plugin are my main staple web development tools.

Hope this helps :)

Paul

Allen
Aug-01-2007, 03:09 PM
Hi Elaine / Allen,

Kind of new to all this, so hopefully I'm not breaking a rule or something :)

Anyhow, I would highly recommend this plug-in for firefox: http://addons.mozilla.org/en-US/firefox/addon/655
Basically it generates a very nice color coded and indented source chart for your webpage. Very useful for seeing which elements are contained by what... This plug-in in combination with the webdeveloper plugin are my main staple web development tools.

Hope this helps :)

Paul
Thanks, that's cool, couldn't find at first. Found "View Source Chart" in the right
mouse context menu and nowhere else.:scratch