braintrax
29 Oct 2009, 08:59 AM
Hi,
I have a HTML file that uses 2 external stylesheets. One is the main stylesheet with a large number of styles defined and the second one is a fix for different browsers.
When I open the HTML in my browser, I see some layout problems which I need to correct. The problem I face is that it's hard to identify which styles I need to change as there are just too many to find them manually.
Does anybody know a tool that gives me the following information of a selected HTML element?
- Which styles are applied to this element?
- Which attributes with which values are used for this element?
It should basically do the same as the browser when displaying the page. Reading the CSS file and deciding which styles and attributes are used to display the page.
Thanks a lot!
I have a HTML file that uses 2 external stylesheets. One is the main stylesheet with a large number of styles defined and the second one is a fix for different browsers.
When I open the HTML in my browser, I see some layout problems which I need to correct. The problem I face is that it's hard to identify which styles I need to change as there are just too many to find them manually.
Does anybody know a tool that gives me the following information of a selected HTML element?
- Which styles are applied to this element?
- Which attributes with which values are used for this element?
It should basically do the same as the browser when displaying the page. Reading the CSS file and deciding which styles and attributes are used to display the page.
Thanks a lot!